Preview
#b3b4b2
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.09:1
HEX
#b3b4b2
RGB
rgb(179, 180, 178)
RGBA
rgba(179, 180, 178, 1)
HSL
hsl(90, 1%, 70%)
HSV
hsv(90, 1%, 71%)
LAB
lab(73.18% -0.72 0.89)
LCH
lch(73.18% 1.14 128.97)
OKLAB
oklab(0.7685 -0.0019 0.0024)
OKLCH
oklch(0.7685 0.0031 128.37)
XYZ
xyz(42.95, 45.44, 48.62)
CMYK
cmyk(1%, 0%, 1%, 29%)
CSS
color: #b3b4b2;
CSS variable
--color-b3b4b2: #b3b4b2;
SCSS
$color-b3b4b2: #b3b4b2;
Tailwind
slate-300
Export
:root {
--#b3b4b2-1: #b3b4b2;
}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.