Preview
#b4b6b1
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.27:1
HEX
#b4b6b1
RGB
rgb(180, 182, 177)
RGBA
rgba(180, 182, 177, 1)
HSL
hsl(84, 3%, 70%)
HSV
hsv(84, 3%, 71%)
LAB
lab(73.76% -1.63 2.29)
LCH
lch(73.76% 2.81 125.44)
OKLAB
oklab(0.7732 -0.0041 0.006)
OKLCH
oklch(0.7732 0.0073 124.35)
XYZ
xyz(43.48, 46.33, 48.24)
CMYK
cmyk(1%, 0%, 3%, 29%)
CSS
color: #b4b6b1;
CSS variable
--color-b4b6b1: #b4b6b1;
SCSS
$color-b4b6b1: #b4b6b1;
Tailwind
slate-300
Export
:root {
--#b4b6b1-1: #b4b6b1;
}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.