Preview
#acc3c6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.38:1
HEX
#acc3c6
RGB
rgb(172, 195, 198)
RGBA
rgba(172, 195, 198, 1)
HSL
hsl(187, 19%, 73%)
HSV
hsv(187, 13%, 78%)
LAB
lab(77.21% -7.16 -4.14)
LCH
lch(77.21% 8.27 210.04)
OKLAB
oklab(0.8008 -0.0228 -0.0112)
OKLCH
oklch(0.8008 0.0254 206.16)
XYZ
xyz(46.72, 51.88, 60.97)
CMYK
cmyk(13%, 2%, 0%, 22%)
CSS
color: #acc3c6;
CSS variable
--color-acc3c6: #acc3c6;
SCSS
$color-acc3c6: #acc3c6;
Tailwind
cyan-200
Export
:root {
--#acc3c6-1: #acc3c6;
}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.