Preview
#b4b4af
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.09:1
HEX
#b4b4af
RGB
rgb(180, 180, 175)
RGBA
rgba(180, 180, 175, 1)
HSL
hsl(60, 3%, 70%)
HSV
hsv(60, 3%, 71%)
LAB
lab(73.18% -0.92 2.55)
LCH
lch(73.18% 2.71 109.84)
OKLAB
oklab(0.7685 -0.002 0.0067)
OKLCH
oklch(0.7685 0.007 106.62)
XYZ
xyz(42.88, 45.44, 47.06)
CMYK
cmyk(0%, 0%, 3%, 29%)
CSS
color: #b4b4af;
CSS variable
--color-b4b4af: #b4b4af;
SCSS
$color-b4b4af: #b4b4af;
Tailwind
slate-300
Export
:root {
--#b4b4af-1: #b4b4af;
}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.