Nearest named color · #9EE7D9
#9EE7D9
Nearest named color: Sea Glass Teal
#9EE7D9 (rgb(158 231 217), hsl(168 60% 76%), oklch(0.876 0.075 181.2)) is closest to the named color Sea Glass Teal. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9EE7D9
oklch(0.876 0.075 181.2)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- A9EADD
- B3ECE1
- BDEEE4
- C7F1E8
- D0F3EC
- DAF6F0
- E3F8F3
- EDFAF7
- F6FDFB
Shades
- 89C9BC
- 74ABA1
- 608F86
- 4D736C
- 3A5953
- 29403B
- 182825
- 091311
- 010302
Tones
- 9CDCD0
- 99D2C7
- 97C7BD
- 94BDB4
- 91B2AB
- 8EA8A3
- 8B9E9A
- 879491
- 848A88
Color harmonies
Complementary +180°
- 9EE7D9
Sea Glass Teal
- FFC3D3
≈ Sweet Serenade
Analogous -30° +30°
- 9EE7D9
Sea Glass Teal
- B2E5BD
≈ Glaucous Green
- 9BE4F2
≈ Blizzard Blue
Triadic +120° +240°
- 9EE7D9
Sea Glass Teal
- DECCFF
≈ Lens Flare Pink
- FBCCA4
≈ Lion Cub
Split-complementary +150° +210°
- 9EE7D9
Sea Glass Teal
- F4C5ED
≈ Purple’s Baby Sister
- FFC7BC
≈ Peach Fuzz
Tetradic +90° +180° +270°
- 9EE7D9
Sea Glass Teal
- C7D5FF
≈ Pale Phthalo Blue
- FFC3D3
≈ Sweet Serenade
- E8D59D
≈ Leaf Yellow
Contrast & accessibility
Ag
FailOn white
WCAG 1.41:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.88:1 · APCA Lc 84
Best text color: #000000
WCAG 14.88:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
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);
}