#E8FAEE#E8FAEE
#E8FAEE is a very light, muted green. Relative luminance 0.917; OKLCH L 96.9% C 0.025 H 156.7°. Best body text is #000000 at 19.34:1 contrast (WCAG AA passes).
Color values
| HEX | #E8FAEE |
|---|---|
| RGB | rgb(232, 250, 238) |
| HSL | hsl(140, 64%, 95%) |
| HSV | hsv(140, 7%, 98%) |
| CMYK | cmyk(7.2%, 0%, 4.8%, 2%) |
| CIE-LAB | lab(96.70, -8.05, 3.73) |
| CIE-LCH | lch(96.70, 8.88, 155.15°) |
| OKLab | oklab(96.85% -0.0226 0.0097) |
| OKLCH | oklch(96.85% 0.025 156.7) |
| XYZ | xyz(82.8939, 91.6992, 94.2049) |
| Luminance | 0.9170 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Honeydew
#F0FFF0
ΔE00 1.87
Mintcream
#F5FFFA
ΔE00 4.68
Azure (CSS)
#F0FFFF
ΔE00 5.79
Lightcyan
#E0FFFF
ΔE00 6.20
Ice
#D6FFFA
ΔE00 6.94
Ivory
#FFFFF0
ΔE00 7.23
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E8FAEE #FAE8F4
analogous
#EBFAE8 #E8FAEE #E8FAF7
triadic
#E8FAEE #EEE8FA #FAEEE8
tetradic
#E8FAEE #E8EBFA #FAE8F4 #FAF7E8
square
#E8FAEE #E8EBFA #FAE8F4 #FAF7E8
split-complementary
#E8FAEE #F7E8FA #FAE8EB
monochromatic
#83E4A4 #B6EFC9 #E6FAEC #E6FAEC #E6FAEC
Accessibility & contrast
On white
1.09
#E8FAEE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.34
#E8FAEE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E8FAEE
19.34:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E8FAEE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E8FAEE | 1.00 | 1.09 | 19.34 | 19.34 |
| #FFFFFF | 1.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.34 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FAF7ED
Deuteranopia (green-blind)
#F6F5EF
Tritanopia (blue-blind)
#E5FAF6
Achromatopsia (no color)
#F5F5F5
Design tokens & code
CSS
--color: #e8faee; /* rgb */ color: rgb(232, 250, 238); /* oklch */ color: oklch(96.9% 0.025 156.7);
Tailwind
colors: {
custom: {
50: '#effcf3',
500: '#e8faee',
950: '#000000',
},
}SCSS
$custom: #e8faee; $custom-light: #effcf3; $custom-dark: #000000;
JSON
{
"hex": "#e8faee",
"rgb": {
"r": 232,
"g": 250,
"b": 238
},
"hsl": {
"h": 140,
"s": 64.286,
"l": 94.51
},
"oklch": {
"l": 0.96854,
"c": 0.02466,
"h": 156.7
},
"luminance": 0.917
}Semantic roles & 50–950 ramp
primary
#E8FAEE
secondary
#DEA8CC
accent
#1991CC
background
#FFFFFF
surface
#FEFFFE
border
#D6D7D6
text
#161717
muted
#858585