Preview
#ddf2ec
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.99:1
HEX
#ddf2ec
RGB
rgb(221, 242, 236)
RGBA
rgba(221, 242, 236, 1)
HSL
hsl(163, 45%, 91%)
HSV
hsv(163, 9%, 95%)
LAB
lab(93.85% -7.99 0.54)
LCH
lch(93.85% 8.01 176.13)
OKLAB
oklab(0.944 -0.0234 0.0013)
OKLCH
oklch(0.944 0.0234 176.82)
XYZ
xyz(76.71, 84.93, 91.69)
CMYK
cmyk(9%, 0%, 2%, 5%)
CSS
color: #ddf2ec;
CSS variable
--color-ddf2ec: #ddf2ec;
SCSS
$color-ddf2ec: #ddf2ec;
Tailwind
teal-50
Export
:root {
--#ddf2ec-1: #ddf2ec;
}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.