Preview
#ccece2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.66:1
HEX
#ccece2
RGB
rgb(204, 236, 226)
RGBA
rgba(204, 236, 226, 1)
HSL
hsl(161, 46%, 86%)
HSV
hsv(161, 14%, 93%)
LAB
lab(90.92% -12.33 1.33)
LCH
lch(90.92% 12.4 173.84)
OKLAB
oklab(0.9172 -0.0359 0.0033)
OKLCH
oklch(0.9172 0.0361 174.75)
XYZ
xyz(68.62, 78.32, 83.44)
CMYK
cmyk(14%, 0%, 4%, 7%)
CSS
color: #ccece2;
CSS variable
--color-ccece2: #ccece2;
SCSS
$color-ccece2: #ccece2;
Tailwind
teal-100
Export
:root {
--#ccece2-1: #ccece2;
}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.