Preview
#bfbab7
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.92:1
HEX
#bfbab7
RGB
rgb(191, 186, 183)
RGBA
rgba(191, 186, 183, 1)
HSL
hsl(22, 6%, 73%)
HSV
hsv(22, 4%, 75%)
LAB
lab(75.83% 1.21 2.14)
LCH
lch(75.83% 2.46 60.52)
OKLAB
oklab(0.7921 0.0042 0.0057)
OKLCH
oklch(0.7921 0.0071 53.62)
XYZ
xyz(47.59, 49.61, 51.86)
CMYK
cmyk(0%, 3%, 4%, 25%)
CSS
color: #bfbab7;
CSS variable
--color-bfbab7: #bfbab7;
SCSS
$color-bfbab7: #bfbab7;
Tailwind
slate-200
Export
:root {
--#bfbab7-1: #bfbab7;
}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.