Preview
#cae7dc
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 15.98:1
HEX
#cae7dc
RGB
rgb(202, 231, 220)
RGBA
rgba(202, 231, 220, 1)
HSL
hsl(157, 38%, 85%)
HSV
hsv(157, 13%, 91%)
LAB
lab(89.33% -11.6 2.14)
LCH
lch(89.33% 11.8 169.55)
OKLAB
oklab(0.9037 -0.0335 0.0055)
OKLCH
oklch(0.9037 0.0339 170.68)
XYZ
xyz(65.85, 74.87, 78.68)
CMYK
cmyk(13%, 0%, 5%, 9%)
CSS
color: #cae7dc;
CSS variable
--color-cae7dc: #cae7dc;
SCSS
$color-cae7dc: #cae7dc;
Tailwind
emerald-100
Export
:root {
--#cae7dc-1: #cae7dc;
}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.