Preview
#c7c9c2
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.56:1
HEX
#c7c9c2
RGB
rgb(199, 201, 194)
RGBA
rgba(199, 201, 194, 1)
HSL
hsl(77, 6%, 77%)
HSV
hsv(77, 3%, 79%)
LAB
lab(80.63% -1.96 3.25)
LCH
lch(80.63% 3.8 121.09)
OKLAB
oklab(0.8323 -0.0049 0.0086)
OKLCH
oklch(0.8323 0.0099 119.67)
XYZ
xyz(54.18, 57.81, 59.33)
CMYK
cmyk(1%, 0%, 3%, 21%)
CSS
color: #c7c9c2;
CSS variable
--color-c7c9c2: #c7c9c2;
SCSS
$color-c7c9c2: #c7c9c2;
Tailwind
slate-200
Export
:root {
--#c7c9c2-1: #c7c9c2;
}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.