Preview
#bdbbb6
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.95:1
HEX
#bdbbb6
RGB
rgb(189, 187, 182)
RGBA
rgba(189, 187, 182, 1)
HSL
hsl(43, 5%, 73%)
HSV
hsv(43, 4%, 74%)
LAB
lab(75.91% -0.21 2.77)
LCH
lch(75.91% 2.78 94.34)
OKLAB
oklab(0.7922 0.0002 0.0073)
OKLCH
oklch(0.7922 0.0073 88.43)
XYZ
xyz(47.20, 49.74, 51.36)
CMYK
cmyk(0%, 1%, 4%, 26%)
CSS
color: #bdbbb6;
CSS variable
--color-bdbbb6: #bdbbb6;
SCSS
$color-bdbbb6: #bdbbb6;
Tailwind
slate-200
Export
:root {
--#bdbbb6-1: #bdbbb6;
}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.