Preview
#c2cdca
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.63:1 · vs black: 12.88:1
HEX
#c2cdca
RGB
rgb(194, 205, 202)
RGBA
rgba(194, 205, 202, 1)
HSL
hsl(164, 10%, 78%)
HSV
hsv(164, 5%, 80%)
LAB
lab(81.51% -4.3 0.2)
LCH
lch(81.51% 4.3 177.34)
OKLAB
oklab(0.839 -0.0127 0.0005)
OKLCH
oklch(0.839 0.0127 177.75)
XYZ
xyz(54.74, 59.40, 64.45)
CMYK
cmyk(5%, 0%, 1%, 20%)
CSS
color: #c2cdca;
CSS variable
--color-c2cdca: #c2cdca;
SCSS
$color-c2cdca: #c2cdca;
Tailwind
teal-200
Export
:root {
--#c2cdca-1: #c2cdca;
}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.