Preview
#c4cdcd
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.96:1
HEX
#c4cdcd
RGB
rgb(196, 205, 205)
RGBA
rgba(196, 205, 205, 1)
HSL
hsl(180, 8%, 79%)
HSV
hsv(180, 4%, 80%)
LAB
lab(81.73% -3.06 -1.06)
LCH
lch(81.73% 3.24 199.11)
OKLAB
oklab(0.8414 -0.0094 -0.0029)
OKLCH
oklch(0.8414 0.0098 197.15)
XYZ
xyz(55.61, 59.81, 66.36)
CMYK
cmyk(4%, 0%, 0%, 20%)
CSS
color: #c4cdcd;
CSS variable
--color-c4cdcd: #c4cdcd;
SCSS
$color-c4cdcd: #c4cdcd;
Tailwind
cyan-200
Export
:root {
--#c4cdcd-1: #c4cdcd;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.