Preview
#c0bbc4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.88:1 · vs black: 11.15:1
HEX
#c0bbc4
RGB
rgb(192, 187, 196)
RGBA
rgba(192, 187, 196, 1)
HSL
hsl(273, 7%, 75%)
HSV
hsv(273, 5%, 77%)
LAB
lab(76.52% 3.42 -3.91)
LCH
lch(76.52% 5.19 311.18)
OKLAB
oklab(0.7988 0.0089 -0.0104)
OKLCH
oklch(0.7988 0.0137 310.56)
XYZ
xyz(49.47, 50.73, 59.40)
CMYK
cmyk(2%, 5%, 0%, 23%)
CSS
color: #c0bbc4;
CSS variable
--color-c0bbc4: #c0bbc4;
SCSS
$color-c0bbc4: #c0bbc4;
Tailwind
slate-200
Export
:root {
--#c0bbc4-1: #c0bbc4;
}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.