Preview
#e1f5f3
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.13:1 · vs black: 18.56:1
HEX
#e1f5f3
RGB
rgb(225, 245, 243)
RGBA
rgba(225, 245, 243, 1)
HSL
hsl(174, 50%, 92%)
HSV
hsv(174, 8%, 96%)
LAB
lab(95.07% -6.9 -1.28)
LCH
lch(95.07% 7.02 190.51)
OKLAB
oklab(0.9549 -0.0209 -0.0035)
OKLCH
oklch(0.9549 0.0212 189.51)
XYZ
xyz(79.88, 87.78, 97.51)
CMYK
cmyk(8%, 0%, 1%, 4%)
CSS
color: #e1f5f3;
CSS variable
--color-e1f5f3: #e1f5f3;
SCSS
$color-e1f5f3: #e1f5f3;
Tailwind
teal-50
Export
:root {
--#e1f5f3-1: #e1f5f3;
}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.