Preview
#d1e3dc
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.73:1
HEX
#d1e3dc
RGB
rgb(209, 227, 220)
RGBA
rgba(209, 227, 220, 1)
HSL
hsl(157, 24%, 85%)
HSV
hsv(157, 8%, 89%)
LAB
lab(88.76% -7.28 1.36)
LCH
lch(88.76% 7.41 169.42)
OKLAB
oklab(0.9004 -0.0211 0.0035)
OKLCH
oklch(0.9004 0.0214 170.58)
XYZ
xyz(66.68, 73.66, 78.40)
CMYK
cmyk(8%, 0%, 3%, 11%)
CSS
color: #d1e3dc;
CSS variable
--color-d1e3dc: #d1e3dc;
SCSS
$color-d1e3dc: #d1e3dc;
Tailwind
emerald-100
Export
:root {
--#d1e3dc-1: #d1e3dc;
}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.