Preview
#bbb4bc
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.37:1
HEX
#bbb4bc
RGB
rgb(187, 180, 188)
RGBA
rgba(187, 180, 188, 1)
HSL
hsl(292, 6%, 72%)
HSV
hsv(292, 4%, 74%)
LAB
lab(74.09% 3.95 -3.17)
LCH
lch(74.09% 5.06 321.25)
OKLAB
oklab(0.7781 0.0107 -0.0084)
OKLCH
oklch(0.7781 0.0136 321.87)
XYZ
xyz(45.89, 46.84, 54.19)
CMYK
cmyk(1%, 4%, 0%, 26%)
CSS
color: #bbb4bc;
CSS variable
--color-bbb4bc: #bbb4bc;
SCSS
$color-bbb4bc: #bbb4bc;
Tailwind
slate-200
Export
:root {
--#bbb4bc-1: #bbb4bc;
}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.