#EADCD8#EADCD8
#EADCD8 is a very light, near-neutral red. Relative luminance 0.736; OKLCH L 90.5% C 0.016 H 36.5°. Best body text is #000000 at 15.73:1 contrast (WCAG AA passes).
Color values
| HEX | #EADCD8 |
|---|---|
| RGB | rgb(234, 220, 216) |
| HSL | hsl(13, 30%, 88%) |
| HSV | hsv(13, 8%, 92%) |
| CMYK | cmyk(0%, 6%, 7.7%, 8.2%) |
| CIE-LAB | lab(88.75, 4.11, 3.68) |
| CIE-LCH | lch(88.75, 5.52, 41.85°) |
| OKLab | oklab(90.46% 0.0132 0.0098) |
| OKLCH | oklch(90.46% 0.016 36.5) |
| XYZ | xyz(71.9182, 73.6376, 75.3772) |
| Luminance | 0.7364 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Very Light Pink
#FFF4F2
ΔE00 5.22
Mistyrose
#FFE4E1
ΔE00 5.44
Linen
#FAF0E6
ΔE00 5.71
Seashell
#FFF5EE
ΔE00 5.79
Gainsboro
#DCDCDC
ΔE00 6.21
Lavenderblush
#FFF0F5
ΔE00 6.27
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EADCD8 #D8E6EA
analogous
#EAD8DD #EADCD8 #EAE5D8
triadic
#EADCD8 #D8EADC #DCD8EA
tetradic
#EADCD8 #DDEAD8 #D8E6EA #E5D8EA
square
#EADCD8 #DDEAD8 #D8E6EA #E5D8EA
split-complementary
#EADCD8 #D8EAE5 #D8DDEA
monochromatic
#BF9588 #D5B8B0 #EADCD8 #F4EDEB #F4EDEB
Accessibility & contrast
On white
1.34
#EADCD8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.73
#EADCD8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EADCD8
15.73:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EADCD8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EADCD8 | 1.00 | 1.34 | 15.73 | 15.73 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.73 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DFDDD8
Deuteranopia (green-blind)
#E2E0D8
Tritanopia (blue-blind)
#EEDADB
Achromatopsia (no color)
#DFDFDF
Design tokens & code
CSS
--color: #eadcd8; /* rgb */ color: rgb(234, 220, 216); /* oklch */ color: oklch(90.5% 0.016 36.5);
Tailwind
colors: {
custom: {
50: '#f0e6e4',
500: '#eadcd8',
950: '#000000',
},
}SCSS
$custom: #eadcd8; $custom-light: #f0e6e4; $custom-dark: #000000;
JSON
{
"hex": "#eadcd8",
"rgb": {
"r": 234,
"g": 220,
"b": 216
},
"hsl": {
"h": 13.333,
"s": 30,
"l": 88.235
},
"oklch": {
"l": 0.90459,
"c": 0.0164,
"h": 36.5
},
"luminance": 0.73637
}Semantic roles & 50–950 ramp
primary
#EADCD8
secondary
#A3BCC3
accent
#91A93D
background
#FFFEFE
surface
#FEFCFC
border
#D6D5D5
text
#161615
muted
#858484