Preview
#c4cccd
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.63:1 · vs black: 12.87:1
HEX
#c4cccd
RGB
rgb(196, 204, 205)
RGBA
rgba(196, 204, 205, 1)
HSL
hsl(187, 8%, 79%)
HSV
hsv(187, 4%, 80%)
LAB
lab(81.47% -2.54 -1.45)
LCH
lch(81.47% 2.92 209.72)
OKLAB
oklab(0.8393 -0.008 -0.0039)
OKLCH
oklch(0.8393 0.0089 205.99)
XYZ
xyz(55.38, 59.33, 66.28)
CMYK
cmyk(4%, 0%, 0%, 20%)
CSS
color: #c4cccd;
CSS variable
--color-c4cccd: #c4cccd;
SCSS
$color-c4cccd: #c4cccd;
Tailwind
cyan-200
Export
:root {
--#c4cccd-1: #c4cccd;
}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.