Preview
#b5bbbb
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.79:1
HEX
#b5bbbb
RGB
rgb(181, 187, 187)
RGBA
rgba(181, 187, 187, 1)
HSL
hsl(180, 4%, 72%)
HSV
hsv(180, 3%, 73%)
LAB
lab(75.42% -2.08 -0.73)
LCH
lch(75.42% 2.2 199.34)
OKLAB
oklab(0.7873 -0.0064 -0.002)
OKLCH
oklch(0.7873 0.0067 197.35)
XYZ
xyz(45.79, 48.95, 54.04)
CMYK
cmyk(3%, 0%, 0%, 27%)
CSS
color: #b5bbbb;
CSS variable
--color-b5bbbb: #b5bbbb;
SCSS
$color-b5bbbb: #b5bbbb;
Tailwind
slate-200
Export
:root {
--#b5bbbb-1: #b5bbbb;
}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.