Màu có tên gần nhất · #41AAA7
#41AAA7
Màu có tên gần nhất: Twilight Meadow
#41AAA7 (rgb(65 170 167), hsl(178 45% 46%), oklch(0.677 0.095 192.5)) gần nhất với màu có tên Twilight Meadow. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#41AAA7
oklch(0.677 0.095 192.5)
Chuyển đổi màu
- HEX
- #41aaa7
- RGB
- rgb(65 170 167)
- HSL
- hsl(178 45% 46%)
- HWB
- hwb(178 25% 33%)
- OKLCH
- oklch(0.677 0.095 192.5)
- OKLab
- oklab(0.677 -0.093 -0.021)
- CIE Lab
- lab(63.62 -31.69 -7.92)
- LCH
- lch(63.62 32.67 194)
- CMYK
- cmyk(62% 0% 2% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 59B3B0
- 6EBBB8
- 82C4C1
- 95CCC9
- A7D4D2
- B9DDDB
- CAE5E4
- DCEEED
- EEF6F6
Sắc đậm
- 379391
- 2E7D7B
- 256866
- 1C5352
- 133F3E
- 0B2D2C
- 051B1A
- 010B0A
- 000101
Sắc xám
- 4CA6A3
- 55A29F
- 5D9E9B
- 649997
- 6A9593
- 6F918F
- 748D8C
- 788988
- 7C8484
Hòa sắc
Bổ túc +180°
- 41AAA7
Twilight Meadow
- CB7E87
≈ Grey Matter
Tương đồng -30° +30°
- 41AAA7
Twilight Meadow
- 5CAA86
≈ Verdigris Green
- 4BA4C2
≈ Oasis Spring
Bộ ba +120° +240°
- 41AAA7
Twilight Meadow
- AC86C2
≈ African Violet
- BC8E52
≈ Summer Weasel
Bổ túc chia +150° +210°
- 41AAA7
Twilight Meadow
- C080A7
≈ Romanov Mauve
- C98468
≈ Cabana Melon
Bộ bốn +90° +180° +270°
- 41AAA7
Twilight Meadow
- 8E90D1
≈ Adora
- CB7E87
≈ Grey Matter
- A39A51
≈ Formosan Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.78:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.53:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--twilight-meadow: #41aaa7;
--twilight-meadow-rgb: 65 170 167;
--twilight-meadow-oklch: oklch(0.677 0.095 192.5);
}
.element {
color: var(--twilight-meadow);
background-color: hsl(178 45% 46%);
border-color: oklch(0.677 0.095 192.5);
}Tailwind CSS v4
@theme {
--color-twilight-meadow: #41aaa7;
--color-twilight-meadow-50: #d7fefd;
--color-twilight-meadow-100: #c4f3f1;
--color-twilight-meadow-200: #a4e2e0;
--color-twilight-meadow-300: #7ac7c6;
--color-twilight-meadow-400: #50b0ad;
--color-twilight-meadow-500: #0a9a97;
--color-twilight-meadow-600: #128280;
--color-twilight-meadow-700: #106866;
--color-twilight-meadow-800: #094d4a;
--color-twilight-meadow-900: #073533;
--color-twilight-meadow-950: #00201f;
}SCSS
$twilight-meadow: #41aaa7;
$twilight-meadow-rgb: 65, 170, 167;
$twilight-meadow-light: mix(#fff, $twilight-meadow, 20%);
$twilight-meadow-dark: mix(#000, $twilight-meadow, 20%);
.element {
color: $twilight-meadow;
box-shadow: 0 0 0 2px rgba($twilight-meadow, 0.35);
}