Preview
#cde5dc
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.33:1 · vs black: 15.84:1
HEX
#cde5dc
RGB
rgb(205, 229, 220)
RGBA
rgba(205, 229, 220, 1)
HSL
hsl(158, 32%, 85%)
HSV
hsv(158, 10%, 90%)
LAB
lab(89.01% -9.61 1.69)
LCH
lch(89.01% 9.76 170.03)
OKLAB
oklab(0.9017 -0.0278 0.0043)
OKLCH
oklch(0.9017 0.0281 171.21)
XYZ
xyz(66.11, 74.18, 78.53)
CMYK
cmyk(10%, 0%, 4%, 10%)
CSS
color: #cde5dc;
CSS variable
--color-cde5dc: #cde5dc;
SCSS
$color-cde5dc: #cde5dc;
Tailwind
emerald-100
Export
:root {
--#cde5dc-1: #cde5dc;
}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.