Preview
#bfbdb5
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.88:1 · vs black: 11.16:1
HEX
#bfbdb5
RGB
rgb(191, 189, 181)
RGBA
rgba(191, 189, 181, 1)
HSL
hsl(48, 7%, 73%)
HSV
hsv(48, 5%, 75%)
LAB
lab(76.56% -0.74 4.28)
LCH
lch(76.56% 4.34 99.81)
OKLAB
oklab(0.7977 -0.001 0.0113)
OKLCH
oklch(0.7977 0.0113 95.06)
XYZ
xyz(48.02, 50.81, 50.98)
CMYK
cmyk(0%, 1%, 5%, 25%)
CSS
color: #bfbdb5;
CSS variable
--color-bfbdb5: #bfbdb5;
SCSS
$color-bfbdb5: #bfbdb5;
Tailwind
slate-200
Export
:root {
--#bfbdb5-1: #bfbdb5;
}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.