Preview
#e0fff3
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.06:1 · vs black: 19.77:1
HEX
#e0fff3
RGB
rgb(224, 255, 243)
RGBA
rgba(224, 255, 243, 1)
HSL
hsl(157, 100%, 94%)
HSV
hsv(157, 12%, 100%)
LAB
lab(97.57% -12.22 2.35)
LCH
lch(97.57% 12.44 169.11)
OKLAB
oklab(0.9745 -0.0353 0.006)
OKLCH
oklch(0.9745 0.0358 170.35)
XYZ
xyz(82.67, 93.84, 98.53)
CMYK
cmyk(12%, 0%, 5%, 0%)
CSS
color: #e0fff3;
CSS variable
--color-e0fff3: #e0fff3;
SCSS
$color-e0fff3: #e0fff3;
Tailwind
emerald-50
Export
:root {
--#e0fff3-1: #e0fff3;
}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.