Preview
#bfc0bb
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.47:1
HEX
#bfc0bb
RGB
rgb(191, 192, 187)
RGBA
rgba(191, 192, 187, 1)
HSL
hsl(72, 4%, 74%)
HSV
hsv(72, 3%, 75%)
LAB
lab(77.5% -1.26 2.39)
LCH
lch(77.5% 2.7 117.8)
OKLAB
oklab(0.8056 -0.003 0.0063)
OKLCH
oklch(0.8056 0.007 115.46)
XYZ
xyz(49.30, 52.36, 54.51)
CMYK
cmyk(1%, 0%, 3%, 25%)
CSS
color: #bfc0bb;
CSS variable
--color-bfc0bb: #bfc0bb;
SCSS
$color-bfc0bb: #bfc0bb;
Tailwind
slate-200
Export
:root {
--#bfc0bb-1: #bfc0bb;
}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.