Preview
#d3ece3
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.88:1
HEX
#d3ece3
RGB
rgb(211, 236, 227)
RGBA
rgba(211, 236, 227, 1)
HSL
hsl(158, 40%, 88%)
HSV
hsv(158, 11%, 93%)
LAB
lab(91.41% -9.89 1.57)
LCH
lch(91.41% 10.01 170.98)
OKLAB
oklab(0.9222 -0.0287 0.004)
OKLCH
oklch(0.9222 0.029 172.07)
XYZ
xyz(70.72, 79.38, 84.25)
CMYK
cmyk(11%, 0%, 4%, 7%)
CSS
color: #d3ece3;
CSS variable
--color-d3ece3: #d3ece3;
SCSS
$color-d3ece3: #d3ece3;
Tailwind
emerald-100
Export
:root {
--#d3ece3-1: #d3ece3;
}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.