#EBF1FB#EBF1FB
#EBF1FB is a very light, near-neutral blue. Relative luminance 0.875; OKLCH L 95.7% C 0.015 H 260.7°. Best body text is #000000 at 18.51:1 contrast (WCAG AA passes).
Color values
| HEX | #EBF1FB |
|---|---|
| RGB | rgb(235, 241, 251) |
| HSL | hsl(218, 67%, 95%) |
| HSV | hsv(218, 6%, 98%) |
| CMYK | cmyk(6.4%, 4%, 0%, 1.6%) |
| CIE-LAB | lab(94.97, -0.15, -5.50) |
| CIE-LCH | lch(94.97, 5.50, 268.48°) |
| OKLab | oklab(95.65% -0.0024 -0.0147) |
| OKLCH | oklch(95.65% 0.015 260.7) |
| XYZ | xyz(83.1254, 87.5372, 103.7651) |
| Luminance | 0.8754 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Aliceblue
#F0F8FF
ΔE00 2.37
Ghostwhite
#F8F8FF
ΔE00 3.24
Whitesmoke
#F5F5F5
ΔE00 4.98
Pale Grey
#FDFDFE
ΔE00 5.14
Fog
#D8DCE0
ΔE00 5.32
White
#FFFFFF
ΔE00 5.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EBF1FB #FBF5EB
analogous
#EBF9FB #EBF1FB #EDEBFB
triadic
#EBF1FB #FBEBF1 #F1FBEB
tetradic
#EBF1FB #FBEBF9 #FBF5EB #EBFBED
square
#EBF1FB #FBEBF9 #FBF5EB #EBFBED
split-complementary
#EBF1FB #FBEDEB #F9FBEB
monochromatic
#85AAE7 #B8CDF1 #E5EDFA #E5EDFA #E5EDFA
Accessibility & contrast
On white
1.13
#EBF1FB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.51
#EBF1FB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EBF1FB
18.51:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EBF1FB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EBF1FB | 1.00 | 1.13 | 18.51 | 18.51 |
| #FFFFFF | 1.13 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.51 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EEF1FC
Deuteranopia (green-blind)
#ECF0FB
Tritanopia (blue-blind)
#E8F3F4
Achromatopsia (no color)
#F0F0F0
Design tokens & code
CSS
--color: #ebf1fb; /* rgb */ color: rgb(235, 241, 251); /* oklch */ color: oklch(95.7% 0.015 260.7);
Tailwind
colors: {
custom: {
50: '#f1f5fc',
500: '#ebf1fb',
950: '#000000',
},
}SCSS
$custom: #ebf1fb; $custom-light: #f1f5fc; $custom-dark: #000000;
JSON
{
"hex": "#ebf1fb",
"rgb": {
"r": 235,
"g": 241,
"b": 251
},
"hsl": {
"h": 217.5,
"s": 66.667,
"l": 95.294
},
"oklch": {
"l": 0.95651,
"c": 0.01489,
"h": 260.7
},
"luminance": 0.87538
}Semantic roles & 50–950 ramp
primary
#EBF1FB
secondary
#E0CCAA
accent
#8A17CF
background
#FFFFFF
surface
#FEFEFF
border
#D6D6D7
text
#161717
muted
#858585