#E5FBFC#E5FBFC
#E5FBFC is a very light, muted teal. Relative luminance 0.927; OKLCH L 97.2% C 0.023 H 200.1°. Best body text is #000000 at 19.54:1 contrast (WCAG AA passes).
Color values
| HEX | #E5FBFC |
|---|---|
| RGB | rgb(229, 251, 252) |
| HSL | hsl(183, 79%, 94%) |
| HSV | hsv(183, 9%, 99%) |
| CMYK | cmyk(9.1%, 0.4%, 0%, 1.2%) |
| CIE-LAB | lab(97.10, -6.95, -2.92) |
| CIE-LCH | lch(97.10, 7.54, 202.83°) |
| OKLab | oklab(97.24% -0.0216 -0.0079) |
| OKLCH | oklch(97.24% 0.023 200.1) |
| XYZ | xyz(84.3770, 92.6793, 105.5201) |
| Luminance | 0.9268 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Azure (CSS)
#F0FFFF
ΔE00 2.60
Lightcyan
#E0FFFF
ΔE00 2.89
Mintcream
#F5FFFA
ΔE00 4.86
Ice Blue (survey)
#D7FFFE
ΔE00 5.32
Very Pale Blue
#D6FFFE
ΔE00 5.56
Very Light Blue
#D5FFFF
ΔE00 5.65
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E5FBFC #FCE6E5
analogous
#E5FCF2 #E5FBFC #E5F0FC
triadic
#E5FBFC #FCE5FB #FBFCE5
tetradic
#E5FBFC #F2E5FC #FCE6E5 #F0FCE5
square
#E5FBFC #F2E5FC #FCE6E5 #F0FCE5
split-complementary
#E5FBFC #FCE5F0 #FCF2E5
monochromatic
#77EAEF #AEF3F6 #E4FBFC #E4FBFC #E4FBFC
Accessibility & contrast
On white
1.07
#E5FBFC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.54
#E5FBFC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E5FBFC
19.54:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E5FBFC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E5FBFC | 1.00 | 1.07 | 19.54 | 19.54 |
| #FFFFFF | 1.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.54 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.54 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F8F9FC
Deuteranopia (green-blind)
#F3F5FC
Tritanopia (blue-blind)
#DFFDFB
Achromatopsia (no color)
#F7F7F7
Design tokens & code
CSS
--color: #e5fbfc; /* rgb */ color: rgb(229, 251, 252); /* oklch */ color: oklch(97.2% 0.023 200.1);
Tailwind
colors: {
custom: {
50: '#edfcfd',
500: '#e5fbfc',
950: '#000000',
},
}SCSS
$custom: #e5fbfc; $custom-light: #edfcfd; $custom-dark: #000000;
JSON
{
"hex": "#e5fbfc",
"rgb": {
"r": 229,
"g": 251,
"b": 252
},
"hsl": {
"h": 182.609,
"s": 79.31,
"l": 94.314
},
"oklch": {
"l": 0.97235,
"c": 0.02303,
"h": 200.1
},
"luminance": 0.92681
}Semantic roles & 50–950 ramp
primary
#E5FBFC
secondary
#E4A4A1
accent
#130ADC
background
#FEFFFF
surface
#FDFFFF
border
#D5D7D7
text
#161717
muted
#848585