#D0DEDB#D0DEDB
#D0DEDB is a very light, near-neutral teal. Relative luminance 0.708; OKLCH L 88.9% C 0.016 H 181.7°. Best body text is #000000 at 15.15:1 contrast (WCAG AA passes).
Color values
| HEX | #D0DEDB |
|---|---|
| RGB | rgb(208, 222, 219) |
| HSL | hsl(167, 18%, 84%) |
| HSV | hsv(167, 6%, 87%) |
| CMYK | cmyk(6.3%, 0%, 1.4%, 12.9%) |
| CIE-LAB | lab(87.37, -5.24, -0.15) |
| CIE-LCH | lch(87.37, 5.24, 181.61°) |
| OKLab | oklab(88.92% -0.0156 -0.0005) |
| OKLCH | oklch(88.92% 0.016 181.7) |
| XYZ | xyz(64.9173, 70.7663, 77.2432) |
| Luminance | 0.7077 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Light Grey
#D8DCD6
ΔE00 4.19
Silver (survey)
#C5C9C7
ΔE00 6.21
Fog
#D8DCE0
ΔE00 6.26
Gainsboro
#DCDCDC
ΔE00 6.68
Light Gray
#D3D3D3
ΔE00 6.92
Azure (CSS)
#F0FFFF
ΔE00 7.18
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D0DEDB #DED0D3
analogous
#D0DED4 #D0DEDB #D0DADE
triadic
#D0DEDB #DBD0DE #DEDBD0
tetradic
#D0DEDB #D4D0DE #DED0D3 #DADED0
square
#D0DEDB #D4D0DE #DED0D3 #DADED0
split-complementary
#D0DEDB #DED0DA #DED4D0
monochromatic
#88ACA4 #ACC5BF #D0DEDB #EDF2F1 #EDF2F1
Accessibility & contrast
On white
1.39
#D0DEDB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.15
#D0DEDB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D0DEDB
15.15:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D0DEDB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D0DEDB | 1.00 | 1.39 | 15.15 | 15.15 |
| #FFFFFF | 1.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.15 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.15 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DDDCDB
Deuteranopia (green-blind)
#DADADB
Tritanopia (blue-blind)
#CDDFDD
Achromatopsia (no color)
#DBDBDB
Design tokens & code
CSS
--color: #d0dedb; /* rgb */ color: rgb(208, 222, 219); /* oklch */ color: oklch(88.9% 0.016 181.7);
Tailwind
colors: {
custom: {
50: '#dee8e6',
500: '#d0dedb',
950: '#000000',
},
}SCSS
$custom: #d0dedb; $custom-light: #dee8e6; $custom-dark: #000000;
JSON
{
"hex": "#d0dedb",
"rgb": {
"r": 208,
"g": 222,
"b": 219
},
"hsl": {
"h": 167.143,
"s": 17.5,
"l": 84.314
},
"oklch": {
"l": 0.88917,
"c": 0.01557,
"h": 181.7
},
"luminance": 0.70767
}Semantic roles & 50–950 ramp
primary
#D0DEDB
secondary
#B49FA3
accent
#4A5B9C
background
#FEFEFE
surface
#FCFCFC
border
#D5D5D5
text
#151615
muted
#848484