#EADEEA#EADEEA
#EADEEA is a very light, muted purple. Relative luminance 0.757; OKLCH L 91.4% C 0.021 H 325.7°. Best body text is #000000 at 16.14:1 contrast (WCAG AA passes).
Color values
| HEX | #EADEEA |
|---|---|
| RGB | rgb(234, 222, 234) |
| HSL | hsl(300, 22%, 89%) |
| HSV | hsv(300, 5%, 92%) |
| CMYK | cmyk(0%, 5.1%, 0%, 8.2%) |
| CIE-LAB | lab(89.71, 6.20, -4.38) |
| CIE-LCH | lch(89.71, 7.59, 324.72°) |
| OKLab | oklab(91.36% 0.017 -0.0116) |
| OKLCH | oklch(91.36% 0.021 325.7) |
| XYZ | xyz(74.9020, 75.6759, 88.4869) |
| Luminance | 0.7568 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Lavenderblush
#FFF0F5
ΔE00 4.96
Lavender (CSS)
#E6E6FA
ΔE00 5.76
Ghostwhite
#F8F8FF
ΔE00 7.73
Very Light Pink
#FFF4F2
ΔE00 7.85
Mistyrose
#FFE4E1
ΔE00 8.03
Gainsboro
#DCDCDC
ΔE00 8.43
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EADEEA #DEEADE
analogous
#E4DEEA #EADEEA #EADEE4
triadic
#EADEEA #EAEADE #DEEAEA
tetradic
#EADEEA #EAE4DE #DEEADE #DEE4EA
square
#EADEEA #EAE4DE #DEEADE #DEE4EA
split-complementary
#EADEEA #E4EADE #DEEAE4
monochromatic
#BA93BA #D2B9D2 #EADEEA #F3ECF3 #F3ECF3
Accessibility & contrast
On white
1.30
#EADEEA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.14
#EADEEA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EADEEA
16.14:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EADEEA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EADEEA | 1.00 | 1.30 | 16.14 | 16.14 |
| #FFFFFF | 1.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.14 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.14 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DDE1EB
Deuteranopia (green-blind)
#E0E2EA
Tritanopia (blue-blind)
#EBDFE2
Achromatopsia (no color)
#E2E2E2
Design tokens & code
CSS
--color: #eadeea; /* rgb */ color: rgb(234, 222, 234); /* oklch */ color: oklch(91.4% 0.021 325.7);
Tailwind
colors: {
custom: {
50: '#f0e8f0',
500: '#eadeea',
950: '#000000',
},
}SCSS
$custom: #eadeea; $custom-light: #f0e8f0; $custom-dark: #000000;
JSON
{
"hex": "#eadeea",
"rgb": {
"r": 234,
"g": 222,
"b": 234
},
"hsl": {
"h": 300,
"s": 22.222,
"l": 89.412
},
"oklch": {
"l": 0.91361,
"c": 0.02061,
"h": 325.7
},
"luminance": 0.75675
}Semantic roles & 50–950 ramp
primary
#EADEEA
secondary
#ABC1AB
accent
#A14545
background
#FFFEFF
surface
#FEFCFE
border
#D6D5D6
text
#161616
muted
#858485