Preview
#b8b8bb
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.61:1
HEX
#b8b8bb
RGB
rgb(184, 184, 187)
RGBA
rgba(184, 184, 187, 1)
HSL
hsl(240, 2%, 73%)
HSV
hsv(240, 2%, 73%)
LAB
lab(74.86% 0.56 -1.52)
LCH
lch(74.86% 1.62 290.22)
OKLAB
oklab(0.7835 0.0012 -0.004)
OKLCH
oklch(0.7835 0.0042 286.7)
XYZ
xyz(45.88, 48.06, 53.86)
CMYK
cmyk(2%, 2%, 0%, 27%)
CSS
color: #b8b8bb;
CSS variable
--color-b8b8bb: #b8b8bb;
SCSS
$color-b8b8bb: #b8b8bb;
Tailwind
slate-200
Export
:root {
--#b8b8bb-1: #b8b8bb;
}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.