Preview
#c9c1c4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.76:1 · vs black: 11.91:1
HEX
#c9c1c4
RGB
rgb(201, 193, 196)
RGBA
rgba(201, 193, 196, 1)
HSL
hsl(337, 7%, 77%)
HSV
hsv(337, 4%, 79%)
LAB
lab(78.78% 3.33 -0.51)
LCH
lch(78.78% 3.37 351.29)
OKLAB
oklab(0.8183 0.0097 -0.0013)
OKLCH
oklch(0.8183 0.0098 352.37)
XYZ
xyz(53.12, 54.54, 59.94)
CMYK
cmyk(0%, 4%, 2%, 21%)
CSS
color: #c9c1c4;
CSS variable
--color-c9c1c4: #c9c1c4;
SCSS
$color-c9c1c4: #c9c1c4;
Tailwind
slate-200
Export
:root {
--#c9c1c4-1: #c9c1c4;
}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.