Preview
#ccf7e6
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 18.01:1
HEX
#ccf7e6
RGB
rgb(204, 247, 230)
RGBA
rgba(204, 247, 230, 1)
HSL
hsl(156, 73%, 88%)
HSV
hsv(156, 17%, 97%)
LAB
lab(93.91% -17.04 3.6)
LCH
lch(93.91% 17.42 168.07)
OKLAB
oklab(0.9412 -0.0489 0.0093)
OKLCH
oklch(0.9412 0.0498 169.23)
XYZ
xyz(72.44, 85.07, 87.45)
CMYK
cmyk(17%, 0%, 7%, 3%)
CSS
color: #ccf7e6;
CSS variable
--color-ccf7e6: #ccf7e6;
SCSS
$color-ccf7e6: #ccf7e6;
Tailwind
emerald-100
Export
:root {
--#ccf7e6-1: #ccf7e6;
}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.