Preview
#b4b2bb
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.03:1
HEX
#b4b2bb
RGB
rgb(180, 178, 187)
RGBA
rgba(180, 178, 187, 1)
HSL
hsl(253, 6%, 72%)
HSV
hsv(253, 5%, 73%)
LAB
lab(72.98% 2.41 -4.32)
LCH
lch(72.98% 4.95 299.16)
OKLAB
oklab(0.7679 0.0057 -0.0115)
OKLCH
oklch(0.7679 0.0128 296.37)
XYZ
xyz(43.71, 45.13, 53.41)
CMYK
cmyk(4%, 5%, 0%, 27%)
CSS
color: #b4b2bb;
CSS variable
--color-b4b2bb: #b4b2bb;
SCSS
$color-b4b2bb: #b4b2bb;
Tailwind
slate-200
Export
:root {
--#b4b2bb-1: #b4b2bb;
}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.