Preview
#bdb3bc
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.34:1
HEX
#bdb3bc
RGB
rgb(189, 179, 188)
RGBA
rgba(189, 179, 188, 1)
HSL
hsl(306, 7%, 72%)
HSV
hsv(306, 5%, 74%)
LAB
lab(73.99% 5.19 -3.3)
LCH
lch(73.99% 6.15 327.55)
OKLAB
oklab(0.7777 0.0144 -0.0087)
OKLCH
oklch(0.7777 0.0168 328.86)
XYZ
xyz(46.18, 46.69, 54.15)
CMYK
cmyk(0%, 5%, 1%, 26%)
CSS
color: #bdb3bc;
CSS variable
--color-bdb3bc: #bdb3bc;
SCSS
$color-bdb3bc: #bdb3bc;
Tailwind
slate-200
Export
:root {
--#bdb3bc-1: #bdb3bc;
}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.