#EDDADC#EDDADC
#EDDADC is a very light, muted red. Relative luminance 0.733; OKLCH L 90.4% C 0.021 H 10.3°. Best body text is #000000 at 15.66:1 contrast (WCAG AA passes).
Color values
| HEX | #EDDADC |
|---|---|
| RGB | rgb(237, 218, 220) |
| HSL | hsl(354, 35%, 89%) |
| HSV | hsv(354, 8%, 93%) |
| CMYK | cmyk(0%, 8%, 7.2%, 7.1%) |
| CIE-LAB | lab(88.60, 6.86, 1.38) |
| CIE-LCH | lch(88.60, 7.00, 11.39°) |
| OKLab | oklab(90.43% 0.0208 0.0038) |
| OKLCH | oklch(90.43% 0.021 10.3) |
| XYZ | xyz(72.9134, 73.3157, 78.0066) |
| Luminance | 0.7331 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Mistyrose
#FFE4E1
ΔE00 4.08
Lavenderblush
#FFF0F5
ΔE00 4.97
Very Light Pink
#FFF4F2
ΔE00 6.55
Seashell
#FFF5EE
ΔE00 8.37
Gainsboro
#DCDCDC
ΔE00 8.43
Snow
#FFFAFA
ΔE00 8.60
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EDDADC #DAEDEB
analogous
#EDDAE6 #EDDADC #EDE2DA
triadic
#EDDADC #DCEDDA #DADCED
tetradic
#EDDADC #E6EDDA #DAEDEB #E2DAED
square
#EDDADC #E6EDDA #DAEDEB #E2DAED
split-complementary
#EDDADC #DAEDE2 #DAE6ED
monochromatic
#C5888E #D9B1B5 #EDDADC #F5EAEC #F5EAEC
Accessibility & contrast
On white
1.34
#EDDADC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.66
#EDDADC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EDDADC
15.66:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EDDADC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EDDADC | 1.00 | 1.34 | 15.66 | 15.66 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.66 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DDDCDC
Deuteranopia (green-blind)
#E1E0DC
Tritanopia (blue-blind)
#F1D9DB
Achromatopsia (no color)
#DEDEDE
Design tokens & code
CSS
--color: #eddadc; /* rgb */ color: rgb(237, 218, 220); /* oklch */ color: oklch(90.4% 0.021 10.3);
Tailwind
colors: {
custom: {
50: '#f2e5e6',
500: '#eddadc',
950: '#000000',
},
}SCSS
$custom: #eddadc; $custom-light: #f2e5e6; $custom-dark: #000000;
JSON
{
"hex": "#eddadc",
"rgb": {
"r": 237,
"g": 218,
"b": 220
},
"hsl": {
"h": 353.684,
"s": 34.545,
"l": 89.216
},
"oklch": {
"l": 0.90431,
"c": 0.02113,
"h": 10.3
},
"luminance": 0.73315
}Semantic roles & 50–950 ramp
primary
#EDDADC
secondary
#A4C7C4
accent
#ADA138
background
#FFFEFE
surface
#FEFCFC
border
#D6D5D5
text
#171516
muted
#858484