Preview
#acc7cb
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.79:1
HEX
#acc7cb
RGB
rgb(172, 199, 203)
RGBA
rgba(172, 199, 203, 1)
HSL
hsl(188, 23%, 74%)
HSV
hsv(188, 15%, 80%)
LAB
lab(78.42% -8.22 -5.05)
LCH
lch(78.42% 9.65 211.56)
OKLAB
oklab(0.8108 -0.0263 -0.0137)
OKLCH
oklch(0.8108 0.0297 207.52)
XYZ
xyz(48.21, 53.93, 64.36)
CMYK
cmyk(15%, 2%, 0%, 20%)
CSS
color: #acc7cb;
CSS variable
--color-acc7cb: #acc7cb;
SCSS
$color-acc7cb: #acc7cb;
Tailwind
cyan-200
Export
:root {
--#acc7cb-1: #acc7cb;
}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.