Preview
#b9b8b2
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.56:1
HEX
#b9b8b2
RGB
rgb(185, 184, 178)
RGBA
rgba(185, 184, 178, 1)
HSL
hsl(51, 5%, 71%)
HSV
hsv(51, 4%, 73%)
LAB
lab(74.7% -0.74 3.17)
LCH
lch(74.7% 3.26 103.14)
OKLAB
oklab(0.7817 -0.0013 0.0083)
OKLCH
oklch(0.7817 0.0084 98.9)
XYZ
xyz(45.18, 47.81, 48.96)
CMYK
cmyk(0%, 1%, 4%, 27%)
CSS
color: #b9b8b2;
CSS variable
--color-b9b8b2: #b9b8b2;
SCSS
$color-b9b8b2: #b9b8b2;
Tailwind
slate-200
Export
:root {
--#b9b8b2-1: #b9b8b2;
}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.