Preview
#bcb4bb
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.38:1
HEX
#bcb4bb
RGB
rgb(188, 180, 187)
RGBA
rgba(188, 180, 187, 1)
HSL
hsl(308, 6%, 72%)
HSV
hsv(308, 4%, 74%)
LAB
lab(74.14% 4.11 -2.54)
LCH
lch(74.14% 4.83 328.28)
OKLAB
oklab(0.7786 0.0114 -0.0067)
OKLCH
oklch(0.7786 0.0132 329.56)
XYZ
xyz(46.03, 46.92, 53.64)
CMYK
cmyk(0%, 4%, 1%, 26%)
CSS
color: #bcb4bb;
CSS variable
--color-bcb4bb: #bcb4bb;
SCSS
$color-bcb4bb: #bcb4bb;
Tailwind
slate-200
Export
:root {
--#bcb4bb-1: #bcb4bb;
}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.