#DEE1CD#DEE1CD
#DEE1CD is a very light, muted yellow. Relative luminance 0.738; OKLCH L 90.2% C 0.027 H 113.9°. Best body text is #000000 at 15.76:1 contrast (WCAG AA passes).
Color values
| HEX | #DEE1CD |
|---|---|
| RGB | rgb(222, 225, 205) |
| HSL | hsl(69, 25%, 84%) |
| HSV | hsv(69, 9%, 88%) |
| CMYK | cmyk(1.3%, 0%, 8.9%, 11.8%) |
| CIE-LAB | lab(88.82, -4.48, 9.44) |
| CIE-LCH | lch(88.82, 10.45, 115.40°) |
| OKLab | oklab(90.2% -0.0109 0.0246) |
| OKLCH | oklch(90.2% 0.027 113.9) |
| XYZ | xyz(68.0674, 73.7880, 68.4024) |
| Luminance | 0.7379 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Eggshell
#F0EAD6
ΔE00 4.74
Beige
#F5F5DC
ΔE00 4.77
Light Grey
#D8DCD6
ΔE00 5.79
Off White (survey)
#FFFFE4
ΔE00 6.79
Cornsilk
#FFF8DC
ΔE00 6.99
Ivory
#FFFFF0
ΔE00 7.02
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DEE1CD #D0CDE1
analogous
#E1DACD #DEE1CD #D4E1CD
triadic
#DEE1CD #CDDEE1 #E1CDDE
tetradic
#DEE1CD #CDE1DA #D0CDE1 #E1CDD4
square
#DEE1CD #CDE1DA #D0CDE1 #E1CDD4
split-complementary
#DEE1CD #CDD4E1 #DACDE1
monochromatic
#ACB381 #C5CAA7 #DEE1CD #F2F4EC #F2F4EC
Accessibility & contrast
On white
1.33
#DEE1CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.76
#DEE1CD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DEE1CD
15.76:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DEE1CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DEE1CD | 1.00 | 1.33 | 15.76 | 15.76 |
| #FFFFFF | 1.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.76 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E4DFCC
Deuteranopia (green-blind)
#E4DFCE
Tritanopia (blue-blind)
#E1DEDB
Achromatopsia (no color)
#DFDFDF
Design tokens & code
CSS
--color: #dee1cd; /* rgb */ color: rgb(222, 225, 205); /* oklch */ color: oklch(90.2% 0.027 113.9);
Tailwind
colors: {
custom: {
50: '#e8eadc',
500: '#dee1cd',
950: '#000000',
},
}SCSS
$custom: #dee1cd; $custom-light: #e8eadc; $custom-dark: #000000;
JSON
{
"hex": "#dee1cd",
"rgb": {
"r": 222,
"g": 225,
"b": 205
},
"hsl": {
"h": 69,
"s": 25,
"l": 84.314
},
"oklch": {
"l": 0.90202,
"c": 0.02692,
"h": 113.9
},
"luminance": 0.73788
}Semantic roles & 50–950 ramp
primary
#DEE1CD
secondary
#9F9AB8
accent
#42A451
background
#FEFEFE
surface
#FCFDFC
border
#D5D5D5
text
#161615
muted
#848484