Preview
#b8b7ad
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.41:1
HEX
#b8b7ad
RGB
rgb(184, 183, 173)
RGBA
rgba(184, 183, 173, 1)
HSL
hsl(55, 7%, 70%)
HSV
hsv(55, 6%, 72%)
LAB
lab(74.24% -1.46 5.2)
LCH
lch(74.24% 5.4 105.68)
OKLAB
oklab(0.7774 -0.0029 0.0137)
OKLCH
oklch(0.7774 0.014 101.95)
XYZ
xyz(44.24, 47.07, 46.28)
CMYK
cmyk(0%, 1%, 6%, 28%)
CSS
color: #b8b7ad;
CSS variable
--color-b8b7ad: #b8b7ad;
SCSS
$color-b8b7ad: #b8b7ad;
Tailwind
slate-300
Export
:root {
--#b8b7ad-1: #b8b7ad;
}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.