Preview
#bbb8b4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.63:1
HEX
#bbb8b4
RGB
rgb(187, 184, 180)
RGBA
rgba(187, 184, 180, 1)
HSL
hsl(34, 5%, 72%)
HSV
hsv(34, 4%, 73%)
LAB
lab(74.91% 0.33 2.4)
LCH
lch(74.91% 2.42 82.17)
OKLAB
oklab(0.7839 0.0017 0.0063)
OKLCH
oklch(0.7839 0.0065 74.9)
XYZ
xyz(45.87, 48.14, 50.05)
CMYK
cmyk(0%, 2%, 4%, 27%)
CSS
color: #bbb8b4;
CSS variable
--color-bbb8b4: #bbb8b4;
SCSS
$color-bbb8b4: #bbb8b4;
Tailwind
slate-200
Export
:root {
--#bbb8b4-1: #bbb8b4;
}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.