Màu có tên gần nhất · #9EE7D9
#9EE7D9
Màu có tên gần nhất: Sea Glass Teal
#9EE7D9 (rgb(158 231 217), hsl(168 60% 76%), oklch(0.876 0.075 181.2)) 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.
#9EE7D9
oklch(0.876 0.075 181.2)
Chuyển đổi màu
- HEX
- #9ee7d9
- RGB
- rgb(158 231 217)
- HSL
- hsl(168 60% 76%)
- HWB
- hwb(168 62% 9%)
- OKLCH
- oklch(0.876 0.075 181.2)
- OKLab
- oklab(0.876 -0.075 -0.002)
- CIE Lab
- lab(86.55 -25.85 -0.79)
- LCH
- lch(86.55 25.86 181.8)
- CMYK
- cmyk(32% 0% 6% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A9EADD
- B3ECE1
- BDEEE4
- C7F1E8
- D0F3EC
- DAF6F0
- E3F8F3
- EDFAF7
- F6FDFB
Sắc đậm
- 89C9BC
- 74ABA1
- 608F86
- 4D736C
- 3A5953
- 29403B
- 182825
- 091311
- 010302
Sắc xám
- 9CDCD0
- 99D2C7
- 97C7BD
- 94BDB4
- 91B2AB
- 8EA8A3
- 8B9E9A
- 879491
- 848A88
Hòa sắc
Bổ túc +180°
- 9EE7D9
Sea Glass Teal
- FFC3D3
≈ Sweet Serenade
Tương đồng -30° +30°
- 9EE7D9
Sea Glass Teal
- B2E5BD
≈ Glaucous Green
- 9BE4F2
≈ Blizzard Blue
Bộ ba +120° +240°
- 9EE7D9
Sea Glass Teal
- DECCFF
≈ Lens Flare Pink
- FBCCA4
≈ Lion Cub
Bổ túc chia +150° +210°
- 9EE7D9
Sea Glass Teal
- F4C5ED
≈ Purple’s Baby Sister
- FFC7BC
≈ Peach Fuzz
Bộ bốn +90° +180° +270°
- 9EE7D9
Sea Glass Teal
- C7D5FF
≈ Pale Phthalo Blue
- FFC3D3
≈ Sweet Serenade
- E8D59D
≈ Leaf Yellow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.41:1 · APCA Lc 20
Ag
AAATrên nền đen
WCAG 14.88:1 · APCA Lc 84
Màu chữ tốt nhất: #000000
WCAG 14.88:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--sea-glass-teal: #9ee7d9;
--sea-glass-teal-rgb: 158 231 217;
--sea-glass-teal-oklch: oklch(0.876 0.075 181.2);
}
.element {
color: var(--sea-glass-teal);
background-color: hsl(168 60% 76%);
border-color: oklch(0.876 0.075 181.2);
}Tailwind CSS v4
@theme {
--color-sea-glass-teal: #9ee7d9;
--color-sea-glass-teal-50: #dffdf7;
--color-sea-glass-teal-100: #cdf1ea;
--color-sea-glass-teal-200: #b1dfd7;
--color-sea-glass-teal-300: #8cc4bb;
--color-sea-glass-teal-400: #6aada1;
--color-sea-glass-teal-500: #459789;
--color-sea-glass-teal-600: #3b7f74;
--color-sea-glass-teal-700: #2f665d;
--color-sea-glass-teal-800: #214b43;
--color-sea-glass-teal-900: #16342e;
--color-sea-glass-teal-950: #071f1b;
}SCSS
$sea-glass-teal: #9ee7d9;
$sea-glass-teal-rgb: 158, 231, 217;
$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);
}