Preview
#d9ecea
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.14:1
HEX
#d9ecea
RGB
rgb(217, 236, 234)
RGBA
rgba(217, 236, 234, 1)
HSL
hsl(174, 33%, 89%)
HSV
hsv(174, 8%, 93%)
LAB
lab(91.99% -6.62 -1.18)
LCH
lch(91.99% 6.72 190.11)
OKLAB
oklab(0.9285 -0.02 -0.0032)
OKLCH
oklch(0.9285 0.0203 189.09)
XYZ
xyz(73.46, 80.68, 89.53)
CMYK
cmyk(8%, 0%, 1%, 7%)
CSS
color: #d9ecea;
CSS variable
--color-d9ecea: #d9ecea;
SCSS
$color-d9ecea: #d9ecea;
Tailwind
teal-100
Export
:root {
--#d9ecea-1: #d9ecea;
}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.