Preview
#c5cecc
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.07:1
HEX
#c5cecc
RGB
rgb(197, 206, 204)
RGBA
rgba(197, 206, 204, 1)
HSL
hsl(167, 8%, 79%)
HSV
hsv(167, 4%, 81%)
LAB
lab(82.04% -3.43 -0.07)
LCH
lch(82.04% 3.43 181.17)
OKLAB
oklab(0.8439 -0.0102 -0.0002)
OKLCH
oklch(0.8439 0.0102 181.12)
XYZ
xyz(55.99, 60.37, 65.82)
CMYK
cmyk(4%, 0%, 1%, 19%)
CSS
color: #c5cecc;
CSS variable
--color-c5cecc: #c5cecc;
SCSS
$color-c5cecc: #c5cecc;
Tailwind
teal-200
Export
:root {
--#c5cecc-1: #c5cecc;
}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.