Màu có tên gần nhất · #9CE6DA
#9CE6DA
Màu có tên gần nhất: Sea Glass Teal
#9CE6DA (rgb(156 230 218), hsl(170 60% 76%), oklch(0.873 0.075 183.3)) gần nhất với màu có tên Sea Glass Teal. 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.
#9CE6DA
oklch(0.873 0.075 183.3)
Chuyển đổi màu
- HEX
- #9ce6da
- RGB
- rgb(156 230 218)
- HSL
- hsl(170 60% 76%)
- HWB
- hwb(170 61% 10%)
- OKLCH
- oklch(0.873 0.075 183.3)
- OKLab
- oklab(0.873 -0.075 -0.004)
- CIE Lab
- lab(86.19 -25.82 -1.85)
- LCH
- lch(86.19 25.88 184.1)
- CMYK
- cmyk(32% 0% 5% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A7E9DE
- B1EBE1
- BCEEE5
- C6F0E9
- CFF3EC
- D9F5F0
- E3F8F4
- ECFAF8
- F6FDFB
Sắc đậm
- 87C8BD
- 73ABA2
- 5F8E87
- 4C736C
- 395954
- 28403C
- 182825
- 091311
- 010302
Sắc xám
- 9ADBD1
- 98D1C7
- 95C6BE
- 93BCB5
- 90B2AC
- 8DA8A3
- 8A9E9A
- 879491
- 848A89
Hòa sắc
Bổ túc +180°
- 9CE6DA
Sea Glass Teal
- FFC2D0
≈ Garden Glory
Tương đồng -30° +30°
- 9CE6DA
Sea Glass Teal
- B0E4BE
≈ Fringy Flower
- 9AE3F3
≈ Blizzard Blue
Bộ ba +120° +240°
- 9CE6DA
Sea Glass Teal
- DFCAFF
≈ Foggy Heath
- F9CBA2
≈ Chai Latte
Bổ túc chia +150° +210°
- 9CE6DA
Sea Glass Teal
- F4C3EB
≈ Purple’s Baby Sister
- FFC6B8
≈ Peach Fuzz
Bộ bốn +90° +180° +270°
- 9CE6DA
Sea Glass Teal
- C8D3FF
≈ Pale Phthalo Blue
- FFC2D0
≈ Garden Glory
- E6D59C
≈ Lifeless Planet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.42:1 · APCA Lc 20
Ag
AAATrên nền đen
WCAG 14.74:1 · APCA Lc 83
Màu chữ tốt nhất: #000000
WCAG 14.74:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--sea-glass-teal: #9ce6da;
--sea-glass-teal-rgb: 156 230 218;
--sea-glass-teal-oklch: oklch(0.873 0.075 183.3);
}
.element {
color: var(--sea-glass-teal);
background-color: hsl(170 60% 76%);
border-color: oklch(0.873 0.075 183.3);
}Tailwind CSS v4
@theme {
--color-sea-glass-teal: #9ce6da;
--color-sea-glass-teal-50: #defdf8;
--color-sea-glass-teal-100: #cdf1eb;
--color-sea-glass-teal-200: #b1dfd8;
--color-sea-glass-teal-300: #8bc4bc;
--color-sea-glass-teal-400: #69ada3;
--color-sea-glass-teal-500: #43978b;
--color-sea-glass-teal-600: #3a7f76;
--color-sea-glass-teal-700: #2e665e;
--color-sea-glass-teal-800: #214b44;
--color-sea-glass-teal-900: #16342f;
--color-sea-glass-teal-950: #061f1b;
}SCSS
$sea-glass-teal: #9ce6da;
$sea-glass-teal-rgb: 156, 230, 218;
$sea-glass-teal-light: mix(#fff, $sea-glass-teal, 20%);
$sea-glass-teal-dark: mix(#000, $sea-glass-teal, 20%);
.element {
color: $sea-glass-teal;
box-shadow: 0 0 0 2px rgba($sea-glass-teal, 0.35);
}