Preview
#def2ea
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.99:1
HEX
#def2ea
RGB
rgb(222, 242, 234)
RGBA
rgba(222, 242, 234, 1)
HSL
hsl(156, 43%, 91%)
HSV
hsv(156, 8%, 95%)
LAB
lab(93.87% -8.03 1.61)
LCH
lch(93.87% 8.19 168.66)
OKLAB
oklab(0.9442 -0.0232 0.0041)
OKLCH
oklch(0.9442 0.0236 169.98)
XYZ
xyz(76.72, 84.97, 90.19)
CMYK
cmyk(8%, 0%, 3%, 5%)
CSS
color: #def2ea;
CSS variable
--color-def2ea: #def2ea;
SCSS
$color-def2ea: #def2ea;
Tailwind
emerald-50
Export
:root {
--#def2ea-1: #def2ea;
}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.