Preview
#c6cac4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.66:1 · vs black: 12.65:1
HEX
#c6cac4
RGB
rgb(198, 202, 196)
RGBA
rgba(198, 202, 196, 1)
HSL
hsl(100, 5%, 78%)
HSV
hsv(100, 3%, 79%)
LAB
lab(80.87% -2.47 2.51)
LCH
lch(80.87% 3.52 134.54)
OKLAB
oklab(0.8342 -0.0066 0.0066)
OKLCH
oklch(0.8342 0.0093 135)
XYZ
xyz(54.37, 58.23, 60.59)
CMYK
cmyk(2%, 0%, 3%, 21%)
CSS
color: #c6cac4;
CSS variable
--color-c6cac4: #c6cac4;
SCSS
$color-c6cac4: #c6cac4;
Tailwind
slate-200
Export
:root {
--#c6cac4-1: #c6cac4;
}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.