Preview
#b7b4ad
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.07:1 · vs black: 10.15:1
HEX
#b7b4ad
RGB
rgb(183, 180, 173)
RGBA
rgba(183, 180, 173, 1)
HSL
hsl(42, 6%, 70%)
HSV
hsv(42, 5%, 72%)
LAB
lab(73.37% -0.21 3.94)
LCH
lch(73.37% 3.95 93.05)
OKLAB
oklab(0.7704 0.0005 0.0104)
OKLCH
oklch(0.7704 0.0104 87.25)
XYZ
xyz(43.39, 45.73, 46.07)
CMYK
cmyk(0%, 2%, 5%, 28%)
CSS
color: #b7b4ad;
CSS variable
--color-b7b4ad: #b7b4ad;
SCSS
$color-b7b4ad: #b7b4ad;
Tailwind
slate-300
Export
:root {
--#b7b4ad-1: #b7b4ad;
}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.