Preview
#b4b5ad
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.07:1 · vs black: 10.15:1
HEX
#b4b5ad
RGB
rgb(180, 181, 173)
RGBA
rgba(180, 181, 173, 1)
HSL
hsl(67, 5%, 69%)
HSV
hsv(67, 4%, 71%)
LAB
lab(73.39% -1.82 3.95)
LCH
lch(73.39% 4.35 114.74)
OKLAB
oklab(0.77 -0.0043 0.0104)
OKLCH
oklch(0.77 0.0113 112.46)
XYZ
xyz(42.89, 45.77, 46.10)
CMYK
cmyk(1%, 0%, 4%, 29%)
CSS
color: #b4b5ad;
CSS variable
--color-b4b5ad: #b4b5ad;
SCSS
$color-b4b5ad: #b4b5ad;
Tailwind
slate-300
Export
:root {
--#b4b5ad-1: #b4b5ad;
}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.