Preview
#ddf0e9
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.72:1
HEX
#ddf0e9
RGB
rgb(221, 240, 233)
RGBA
rgba(221, 240, 233, 1)
HSL
hsl(158, 39%, 90%)
HSV
hsv(158, 8%, 94%)
LAB
lab(93.27% -7.53 1.24)
LCH
lch(93.27% 7.63 170.65)
OKLAB
oklab(0.9391 -0.0219 0.0032)
OKLCH
oklch(0.9391 0.0221 171.69)
XYZ
xyz(75.68, 83.57, 89.22)
CMYK
cmyk(8%, 0%, 3%, 6%)
CSS
color: #ddf0e9;
CSS variable
--color-ddf0e9: #ddf0e9;
SCSS
$color-ddf0e9: #ddf0e9;
Tailwind
emerald-100
Export
:root {
--#ddf0e9-1: #ddf0e9;
}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.