Preview
#b4bdba
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.93:1
HEX
#b4bdba
RGB
rgb(180, 189, 186)
RGBA
rgba(180, 189, 186, 1)
HSL
hsl(160, 6%, 72%)
HSV
hsv(160, 5%, 74%)
LAB
lab(75.85% -3.68 0.43)
LCH
lch(75.85% 3.71 173.34)
OKLAB
oklab(0.7904 -0.0108 0.0011)
OKLCH
oklch(0.7904 0.0109 174.18)
XYZ
xyz(45.88, 49.64, 53.61)
CMYK
cmyk(5%, 0%, 2%, 26%)
CSS
color: #b4bdba;
CSS variable
--color-b4bdba: #b4bdba;
SCSS
$color-b4bdba: #b4bdba;
Tailwind
slate-200
Export
:root {
--#b4bdba-1: #b4bdba;
}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.