#E6EAFA#E6EAFA
#E6EAFA is a very light, muted blue. Relative luminance 0.826; OKLCH L 93.9% C 0.022 H 274.7°. Best body text is #000000 at 17.51:1 contrast (WCAG AA passes).
Color values
| HEX | #E6EAFA |
|---|---|
| RGB | rgb(230, 234, 250) |
| HSL | hsl(228, 67%, 94%) |
| HSV | hsv(228, 8%, 98%) |
| CMYK | cmyk(8%, 6.4%, 0%, 2%) |
| CIE-LAB | lab(92.83, 1.64, -8.18) |
| CIE-LCH | lch(92.83, 8.34, 281.35°) |
| OKLab | oklab(93.87% 0.0018 -0.0219) |
| OKLCH | oklch(93.87% 0.022 274.7) |
| XYZ | xyz(79.3078, 82.5702, 102.1834) |
| Luminance | 0.8257 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Lavender (CSS)
#E6E6FA
ΔE00 2.80
Ghostwhite
#F8F8FF
ΔE00 4.87
Aliceblue
#F0F8FF
ΔE00 5.73
Fog
#D8DCE0
ΔE00 6.43
Whitesmoke
#F5F5F5
ΔE00 7.50
Pale Grey
#FDFDFE
ΔE00 7.69
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E6EAFA #FAF6E6
analogous
#E6F4FA #E6EAFA #ECE6FA
triadic
#E6EAFA #FAE6EA #EAFAE6
tetradic
#E6EAFA #FAE6F4 #FAF6E6 #E6FAEC
square
#E6EAFA #FAE6F4 #FAF6E6 #E6FAEC
split-complementary
#E6EAFA #FAECE6 #F4FAE6
monochromatic
#8094E6 #B3BFF0 #E5EAFA #E5EAFA #E5EAFA
Accessibility & contrast
On white
1.20
#E6EAFA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.51
#E6EAFA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E6EAFA
17.51:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E6EAFA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E6EAFA | 1.00 | 1.20 | 17.51 | 17.51 |
| #FFFFFF | 1.20 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.51 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E6EBFB
Deuteranopia (green-blind)
#E5EAFA
Tritanopia (blue-blind)
#E2EDEF
Achromatopsia (no color)
#EAEAEA
Design tokens & code
CSS
--color: #e6eafa; /* rgb */ color: rgb(230, 234, 250); /* oklch */ color: oklch(93.9% 0.022 274.7);
Tailwind
colors: {
custom: {
50: '#eef0fc',
500: '#e6eafa',
950: '#000000',
},
}SCSS
$custom: #e6eafa; $custom-light: #eef0fc; $custom-dark: #000000;
JSON
{
"hex": "#e6eafa",
"rgb": {
"r": 230,
"g": 234,
"b": 250
},
"hsl": {
"h": 228,
"s": 66.667,
"l": 94.118
},
"oklch": {
"l": 0.93873,
"c": 0.02201,
"h": 274.7
},
"luminance": 0.82571
}Semantic roles & 50–950 ramp
primary
#E6EAFA
secondary
#DFD3A6
accent
#AA17CF
background
#FFFFFF
surface
#FEFEFF
border
#D6D6D7
text
#161617
muted
#858585