#D0EEEE#D0EEEE
#D0EEEE is a very light, muted teal. Relative luminance 0.807; OKLCH L 92.7% C 0.031 H 196.6°. Best body text is #000000 at 17.15:1 contrast (WCAG AA passes).
Color values
| HEX | #D0EEEE |
|---|---|
| RGB | rgb(208, 238, 238) |
| HSL | hsl(180, 47%, 87%) |
| HSV | hsv(180, 13%, 93%) |
| CMYK | cmyk(12.6%, 0%, 0%, 6.7%) |
| CIE-LAB | lab(92.01, -9.74, -3.30) |
| CIE-LCH | lch(92.01, 10.29, 198.73°) |
| OKLab | oklab(92.75% -0.0301 -0.009) |
| OKLCH | oklch(92.75% 0.031 196.6) |
| XYZ | xyz(72.0157, 80.7304, 92.6606) |
| Luminance | 0.8073 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Lightcyan
#E0FFFF
ΔE00 3.51
Ice Blue (survey)
#D7FFFE
ΔE00 4.13
Very Pale Blue
#D6FFFE
ΔE00 4.26
Very Light Blue
#D5FFFF
ΔE00 4.33
Really Light Blue
#D4FFFF
ΔE00 4.47
Pale Blue
#D0FEFE
ΔE00 4.80
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D0EEEE #EED0D0
analogous
#D0EEDF #D0EEEE #D0DFEE
triadic
#D0EEEE #EED0EE #EEEED0
tetradic
#D0EEEE #DFD0EE #EED0D0 #DFEED0
square
#D0EEEE #DFD0EE #EED0D0 #DFEED0
split-complementary
#D0EEEE #EED0DF #EEDFD0
monochromatic
#76CDCD #A3DEDE #D0EEEE #E9F7F7 #E9F7F7
Accessibility & contrast
On white
1.22
#D0EEEE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.15
#D0EEEE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D0EEEE
17.15:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D0EEEE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D0EEEE | 1.00 | 1.22 | 17.15 | 17.15 |
| #FFFFFF | 1.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.15 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.15 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EAEBEE
Deuteranopia (green-blind)
#E4E6EE
Tritanopia (blue-blind)
#C7F0EE
Achromatopsia (no color)
#E8E8E8
Design tokens & code
CSS
--color: #d0eeee; /* rgb */ color: rgb(208, 238, 238); /* oklch */ color: oklch(92.7% 0.031 196.6);
Tailwind
colors: {
custom: {
50: '#def3f3',
500: '#d0eeee',
950: '#000000',
},
}SCSS
$custom: #d0eeee; $custom-light: #def3f3; $custom-dark: #000000;
JSON
{
"hex": "#d0eeee",
"rgb": {
"r": 208,
"g": 238,
"b": 238
},
"hsl": {
"h": 180,
"s": 46.875,
"l": 87.451
},
"oklch": {
"l": 0.92745,
"c": 0.03137,
"h": 196.6
},
"luminance": 0.80732
}Semantic roles & 50–950 ramp
primary
#D0EEEE
secondary
#CB9898
accent
#2B2BBA
background
#FEFFFF
surface
#FCFEFE
border
#D5D6D6
text
#151717
muted
#848585