#8DF4DC#8DF4DC
#8DF4DC is a very light, moderate teal. Relative luminance 0.755; OKLCH L 89.8% C 0.103 H 177.1°. Best body text is #000000 at 16.11:1 contrast (WCAG AA passes).
Color values
| HEX | #8DF4DC |
|---|---|
| RGB | rgb(141, 244, 220) |
| HSL | hsl(166, 82%, 75%) |
| HSV | hsv(166, 42%, 96%) |
| CMYK | cmyk(42.2%, 0%, 9.8%, 4.3%) |
| CIE-LAB | lab(89.64, -35.56, 2.19) |
| CIE-LCH | lch(89.64, 35.62, 176.48°) |
| OKLab | oklab(89.77% -0.1028 0.0053) |
| OKLCH | oklch(89.77% 0.103 177.1) |
| XYZ | xyz(56.2483, 75.5272, 79.3105) |
| Luminance | 0.7553 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Tiffany Blue
#7BF2DA
ΔE00 1.76
Light Aqua
#8CFFDB
ΔE00 3.89
Light Turquoise
#7EF4CC
ΔE00 4.60
Pale Aqua
#B8FFEB
ΔE00 5.30
Pale Turquoise
#A5FBD5
ΔE00 5.32
Aquamarine
#7FFFD4
ΔE00 5.49
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#8DF4DC #F48DA5
analogous
#8DF4A8 #8DF4DC #8DD9F4
triadic
#8DF4DC #DC8DF4 #F4DC8D
tetradic
#8DF4DC #A88DF4 #F48DA5 #D9F48D
square
#8DF4DC #A88DF4 #F48DA5 #D9F48D
split-complementary
#8DF4DC #F48DD9 #F4A88D
monochromatic
#1DE9BA #55EFCB #8DF4DC #C5F9ED #E3FCF6
Accessibility & contrast
On white
1.30
#8DF4DC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.11
#8DF4DC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #8DF4DC
16.11:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##8DF4DC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8DF4DC | 1.00 | 1.30 | 16.11 | 16.11 |
| #FFFFFF | 1.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.11 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EDE9DB
Deuteranopia (green-blind)
#DCDCDE
Tritanopia (blue-blind)
#68F7ED
Achromatopsia (no color)
#E1E1E1
Design tokens & code
CSS
--color: #8df4dc; /* rgb */ color: rgb(141, 244, 220); /* oklch */ color: oklch(89.8% 0.103 177.1);
Tailwind
colors: {
custom: {
50: '#b3f8e6',
500: '#8df4dc',
950: '#000000',
},
}SCSS
$custom: #8df4dc; $custom-light: #b3f8e6; $custom-dark: #000000;
JSON
{
"hex": "#8df4dc",
"rgb": {
"r": 141,
"g": 244,
"b": 220
},
"hsl": {
"h": 166.019,
"s": 82.4,
"l": 75.49
},
"oklch": {
"l": 0.89769,
"c": 0.10291,
"h": 177.1
},
"luminance": 0.75531
}Semantic roles & 50–950 ramp
primary
#8DF4DC
secondary
#D15471
accent
#0739DF
background
#FDFFFE
surface
#F8FFFC
border
#D1D7D5
text
#111716
muted
#818584