#EBF6FC#EBF6FC
#EBF6FC is a very light, near-neutral cyan. Relative luminance 0.906; OKLCH L 96.7% C 0.014 H 231.2°. Best body text is #000000 at 19.12:1 contrast (WCAG AA passes).
Color values
| HEX | #EBF6FC |
|---|---|
| RGB | rgb(235, 246, 252) |
| HSL | hsl(201, 74%, 95%) |
| HSV | hsv(201, 7%, 99%) |
| CMYK | cmyk(6.7%, 2.4%, 0%, 1.2%) |
| CIE-LAB | lab(96.25, -2.50, -4.13) |
| CIE-LCH | lch(96.25, 4.83, 238.76°) |
| OKLab | oklab(96.67% -0.0089 -0.0111) |
| OKLCH | oklch(96.67% 0.014 231.2) |
| XYZ | xyz(84.7838, 90.6012, 105.0976) |
| Luminance | 0.9060 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Aliceblue
#F0F8FF
ΔE00 1.61
Azure (CSS)
#F0FFFF
ΔE00 4.07
Whitesmoke
#F5F5F5
ΔE00 4.96
Pale Grey
#FDFDFE
ΔE00 5.16
Ghostwhite
#F8F8FF
ΔE00 5.34
White
#FFFFFF
ΔE00 5.42
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EBF6FC #FCF1EB
analogous
#EBFCF9 #EBF6FC #EBEDFC
triadic
#EBF6FC #FCEBF6 #F6FCEB
tetradic
#EBF6FC #F9EBFC #FCF1EB #EDFCEB
square
#EBF6FC #F9EBFC #FCF1EB #EDFCEB
split-complementary
#EBF6FC #FCEBED #FCF9EB
monochromatic
#81C6EC #B6DEF4 #E4F3FB #E4F3FB #E4F3FB
Accessibility & contrast
On white
1.10
#EBF6FC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.12
#EBF6FC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EBF6FC
19.12:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EBF6FC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EBF6FC | 1.00 | 1.10 | 19.12 | 19.12 |
| #FFFFFF | 1.10 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.12 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.12 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F3F5FC
Deuteranopia (green-blind)
#F1F3FC
Tritanopia (blue-blind)
#E7F8F8
Achromatopsia (no color)
#F4F4F4
Design tokens & code
CSS
--color: #ebf6fc; /* rgb */ color: rgb(235, 246, 252); /* oklch */ color: oklch(96.7% 0.014 231.2);
Tailwind
colors: {
custom: {
50: '#f1f9fd',
500: '#ebf6fc',
950: '#000000',
},
}SCSS
$custom: #ebf6fc; $custom-light: #f1f9fd; $custom-dark: #000000;
JSON
{
"hex": "#ebf6fc",
"rgb": {
"r": 235,
"g": 246,
"b": 252
},
"hsl": {
"h": 201.176,
"s": 73.913,
"l": 95.49
},
"oklch": {
"l": 0.96666,
"c": 0.01419,
"h": 231.2
},
"luminance": 0.90602
}Semantic roles & 50–950 ramp
primary
#EBF6FC
secondary
#E3BDA8
accent
#560FD6
background
#FFFFFF
surface
#FEFFFF
border
#D6D7D7
text
#161717
muted
#858585