Preview
#cdf1ec
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.39:1
HEX
#cdf1ec
RGB
rgb(205, 241, 236)
RGBA
rgba(205, 241, 236, 1)
HSL
hsl(172, 56%, 87%)
HSV
hsv(172, 15%, 95%)
LAB
lab(92.55% -12.58 -1.49)
LCH
lch(92.55% 12.67 186.75)
OKLAB
oklab(0.9311 -0.0377 -0.0042)
OKLCH
oklch(0.9311 0.0379 186.36)
XYZ
xyz(71.77, 81.94, 91.38)
CMYK
cmyk(15%, 0%, 2%, 5%)
CSS
color: #cdf1ec;
CSS variable
--color-cdf1ec: #cdf1ec;
SCSS
$color-cdf1ec: #cdf1ec;
Tailwind
teal-100
Export
:root {
--#cdf1ec-1: #cdf1ec;
}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.