Preview
#c9cbc4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.82:1
HEX
#c9cbc4
RGB
rgb(201, 203, 196)
RGBA
rgba(201, 203, 196, 1)
HSL
hsl(77, 6%, 78%)
HSV
hsv(77, 3%, 80%)
LAB
lab(81.35% -1.95 3.24)
LCH
lch(81.35% 3.78 121.04)
OKLAB
oklab(0.8385 -0.0049 0.0085)
OKLCH
oklch(0.8385 0.0098 119.96)
XYZ
xyz(55.41, 59.11, 60.71)
CMYK
cmyk(1%, 0%, 3%, 20%)
CSS
color: #c9cbc4;
CSS variable
--color-c9cbc4: #c9cbc4;
SCSS
$color-c9cbc4: #c9cbc4;
Tailwind
slate-200
Export
:root {
--#c9cbc4-1: #c9cbc4;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.