Preview
#bdbbb4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.93:1
HEX
#bdbbb4
RGB
rgb(189, 187, 180)
RGBA
rgba(189, 187, 180, 1)
HSL
hsl(47, 6%, 72%)
HSV
hsv(47, 5%, 74%)
LAB
lab(75.86% -0.57 3.79)
LCH
lch(75.86% 3.83 98.55)
OKLAB
oklab(0.7917 -0.0006 0.01)
OKLCH
oklch(0.7917 0.01 93.43)
XYZ
xyz(46.99, 49.65, 50.28)
CMYK
cmyk(0%, 1%, 5%, 26%)
CSS
color: #bdbbb4;
CSS variable
--color-bdbbb4: #bdbbb4;
SCSS
$color-bdbbb4: #bdbbb4;
Tailwind
slate-200
Export
:root {
--#bdbbb4-1: #bdbbb4;
}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.