Preview
#c7c5ca
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.71:1 · vs black: 12.27:1
HEX
#c7c5ca
RGB
rgb(199, 197, 202)
RGBA
rgba(199, 197, 202, 1)
HSL
hsl(264, 5%, 78%)
HSV
hsv(264, 2%, 79%)
LAB
lab(79.81% 1.61 -2.25)
LCH
lch(79.81% 2.77 305.59)
OKLAB
oklab(0.8265 0.0041 -0.006)
OKLCH
oklch(0.8265 0.0073 304.35)
XYZ
xyz(54.18, 56.34, 63.89)
CMYK
cmyk(1%, 2%, 0%, 21%)
CSS
color: #c7c5ca;
CSS variable
--color-c7c5ca: #c7c5ca;
SCSS
$color-c7c5ca: #c7c5ca;
Tailwind
slate-200
Export
:root {
--#c7c5ca-1: #c7c5ca;
}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.