Preview
#cfede1
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.25:1 · vs black: 16.85:1
HEX
#cfede1
RGB
rgb(207, 237, 225)
RGBA
rgba(207, 237, 225, 1)
HSL
hsl(156, 45%, 87%)
HSV
hsv(156, 13%, 93%)
LAB
lab(91.36% -12.06 2.51)
LCH
lch(91.36% 12.32 168.24)
OKLAB
oklab(0.921 -0.0347 0.0065)
OKLCH
oklch(0.921 0.0353 169.39)
XYZ
xyz(69.60, 79.27, 82.85)
CMYK
cmyk(13%, 0%, 5%, 7%)
CSS
color: #cfede1;
CSS variable
--color-cfede1: #cfede1;
SCSS
$color-cfede1: #cfede1;
Tailwind
emerald-100
Export
:root {
--#cfede1-1: #cfede1;
}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.