Preview
#e5fcf8
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.61:1
HEX
#e5fcf8
RGB
rgb(229, 252, 248)
RGBA
rgba(229, 252, 248, 1)
HSL
hsl(170, 79%, 94%)
HSV
hsv(170, 9%, 99%)
LAB
lab(97.25% -8.2 -0.64)
LCH
lch(97.25% 8.22 184.46)
OKLAB
oklab(0.9732 -0.0245 -0.0018)
OKLCH
oklch(0.9732 0.0246 184.2)
XYZ
xyz(84.06, 93.05, 102.32)
CMYK
cmyk(9%, 0%, 2%, 1%)
CSS
color: #e5fcf8;
CSS variable
--color-e5fcf8: #e5fcf8;
SCSS
$color-e5fcf8: #e5fcf8;
Tailwind
teal-50
Export
:root {
--#e5fcf8-1: #e5fcf8;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.