Preview
#b9c0bf
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.36:1
HEX
#b9c0bf
RGB
rgb(185, 192, 191)
RGBA
rgba(185, 192, 191, 1)
HSL
hsl(171, 5%, 74%)
HSV
hsv(171, 4%, 75%)
LAB
lab(77.15% -2.6 -0.34)
LCH
lch(77.15% 2.62 187.45)
OKLAB
oklab(0.802 -0.0078 -0.0009)
OKLCH
oklch(0.802 0.0079 186.58)
XYZ
xyz(48.26, 51.77, 56.73)
CMYK
cmyk(4%, 0%, 1%, 25%)
CSS
color: #b9c0bf;
CSS variable
--color-b9c0bf: #b9c0bf;
SCSS
$color-b9c0bf: #b9c0bf;
Tailwind
slate-200
Export
:root {
--#b9c0bf-1: #b9c0bf;
}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.