#E8D8CD#E8D8CD
#E8D8CD is a very light, muted orange. Relative luminance 0.707; OKLCH L 89.2% C 0.023 H 56.9°. Best body text is #000000 at 15.14:1 contrast (WCAG AA passes).
Color values
| HEX | #E8D8CD |
|---|---|
| RGB | rgb(232, 216, 205) |
| HSL | hsl(24, 37%, 86%) |
| HSV | hsv(24, 12%, 91%) |
| CMYK | cmyk(0%, 6.9%, 11.6%, 9%) |
| CIE-LAB | lab(87.33, 3.68, 7.40) |
| CIE-LCH | lch(87.33, 8.26, 63.57°) |
| OKLab | oklab(89.22% 0.0127 0.0194) |
| OKLCH | oklch(89.22% 0.023 56.9) |
| XYZ | xyz(68.8531, 70.6764, 67.7605) |
| Luminance | 0.7067 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Warm Beige
#E9DCC9
ΔE00 4.44
Linen
#FAF0E6
ΔE00 5.61
Antiquewhite
#FAEBD7
ΔE00 5.80
Seashell
#FFF5EE
ΔE00 6.60
Champagne
#F7E7CE
ΔE00 6.74
Mistyrose
#FFE4E1
ΔE00 7.30
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E8D8CD #CDDDE8
analogous
#E8CDCF #E8D8CD #E8E5CD
triadic
#E8D8CD #CDE8D8 #D8CDE8
tetradic
#E8D8CD #CFE8CD #CDDDE8 #E5CDE8
square
#E8D8CD #CFE8CD #CDDDE8 #E5CDE8
split-complementary
#E8D8CD #CDE8E5 #CDCFE8
monochromatic
#C19779 #D5B7A3 #E8D8CD #F5EFEA #F5EFEA
Accessibility & contrast
On white
1.39
#E8D8CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.14
#E8D8CD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E8D8CD
15.14:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E8D8CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E8D8CD | 1.00 | 1.39 | 15.14 | 15.14 |
| #FFFFFF | 1.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.14 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.14 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DDD9CC
Deuteranopia (green-blind)
#E0DCCD
Tritanopia (blue-blind)
#EED5D5
Achromatopsia (no color)
#DBDBDB
Design tokens & code
CSS
--color: #e8d8cd; /* rgb */ color: rgb(232, 216, 205); /* oklch */ color: oklch(89.2% 0.023 56.9);
Tailwind
colors: {
custom: {
50: '#efe4dc',
500: '#e8d8cd',
950: '#000000',
},
}SCSS
$custom: #e8d8cd; $custom-light: #efe4dc; $custom-dark: #000000;
JSON
{
"hex": "#e8d8cd",
"rgb": {
"r": 232,
"g": 216,
"b": 205
},
"hsl": {
"h": 24.444,
"s": 36.986,
"l": 85.686
},
"oklch": {
"l": 0.89216,
"c": 0.02319,
"h": 56.9
},
"luminance": 0.70675
}Semantic roles & 50–950 ramp
primary
#E8D8CD
secondary
#97B1C2
accent
#7EB036
background
#FFFEFE
surface
#FEFCFC
border
#D6D5D5
text
#161515
muted
#858484