#EEF8FF#EEF8FF
#EEF8FF is a very light, near-neutral cyan. Relative luminance 0.925; OKLCH L 97.4% C 0.014 H 238.0°. Best body text is #000000 at 19.51:1 contrast (WCAG AA passes).
Color values
| HEX | #EEF8FF |
|---|---|
| RGB | rgb(238, 248, 255) |
| HSL | hsl(205, 100%, 97%) |
| HSV | hsv(205, 7%, 100%) |
| CMYK | cmyk(6.7%, 2.7%, 0%, 0%) |
| CIE-LAB | lab(97.04, -1.99, -4.49) |
| CIE-LCH | lch(97.04, 4.91, 246.06°) |
| OKLab | oklab(97.37% -0.0075 -0.012) |
| OKLCH | oklch(97.37% 0.014 238) |
| XYZ | xyz(86.8736, 92.5312, 107.8718) |
| Luminance | 0.9253 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Aliceblue
#F0F8FF
ΔE00 0.86
Azure (CSS)
#F0FFFF
ΔE00 4.61
Ghostwhite
#F8F8FF
ΔE00 4.70
Pale Grey
#FDFDFE
ΔE00 4.80
Whitesmoke
#F5F5F5
ΔE00 4.82
White
#FFFFFF
ΔE00 5.11
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EEF8FF #FFF5EE
analogous
#EEFFFE #EEF8FF #EEF0FF
triadic
#EEF8FF #FFEEF8 #F8FFEE
tetradic
#EEF8FF #FEEEFF #FFF5EE #F0FFEE
square
#EEF8FF #FEEEFF #FFF5EE #F0FFEE
split-complementary
#EEF8FF #FFEEF0 #FFFEEE
monochromatic
#74C6FF #B1DFFF #E0F2FF #E0F2FF #E0F2FF
Accessibility & contrast
On white
1.08
#EEF8FF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.51
#EEF8FF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EEF8FF
19.51:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EEF8FF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EEF8FF | 1.00 | 1.08 | 19.51 | 19.51 |
| #FFFFFF | 1.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.51 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F5F8FF
Deuteranopia (green-blind)
#F3F6FF
Tritanopia (blue-blind)
#EAFAFA
Achromatopsia (no color)
#F6F6F6
Design tokens & code
CSS
--color: #eef8ff; /* rgb */ color: rgb(238, 248, 255); /* oklch */ color: oklch(97.4% 0.014 238.0);
Tailwind
colors: {
custom: {
50: '#f3faff',
500: '#eef8ff',
950: '#000000',
},
}SCSS
$custom: #eef8ff; $custom-light: #f3faff; $custom-dark: #000000;
JSON
{
"hex": "#eef8ff",
"rgb": {
"r": 238,
"g": 248,
"b": 255
},
"hsl": {
"h": 204.706,
"s": 100,
"l": 96.667
},
"oklch": {
"l": 0.97368,
"c": 0.01417,
"h": 238
},
"luminance": 0.92532
}Semantic roles & 50–950 ramp
primary
#EEF8FF
secondary
#EFC2A3
accent
#5F00E6
background
#FFFFFF
surface
#FEFFFF
border
#D6D7D7
text
#171718
muted
#858586