Preview
#e0f0ea
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.82:1
HEX
#e0f0ea
RGB
rgb(224, 240, 234)
RGBA
rgba(224, 240, 234, 1)
HSL
hsl(157, 35%, 91%)
HSV
hsv(157, 7%, 94%)
LAB
lab(93.5% -6.37 1.08)
LCH
lch(93.5% 6.46 170.38)
OKLAB
oklab(0.9416 -0.0185 0.0028)
OKLCH
oklch(0.9416 0.0187 171.39)
XYZ
xyz(76.75, 84.11, 90.02)
CMYK
cmyk(7%, 0%, 3%, 6%)
CSS
color: #e0f0ea;
CSS variable
--color-e0f0ea: #e0f0ea;
SCSS
$color-e0f0ea: #e0f0ea;
Tailwind
emerald-50
Export
:root {
--#e0f0ea-1: #e0f0ea;
}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.