Preview
#bcb3b8
Family: Grey
Accessibility on this swatch:
Contrast vs white: 2.04:1 · vs black: 10.28:1
HEX
#bcb3b8
RGB
rgb(188, 179, 184)
RGBA
rgba(188, 179, 184, 1)
HSL
hsl(327, 6%, 72%)
HSV
hsv(327, 5%, 74%)
LAB
lab(73.8% 4.1 -1.4)
LCH
lch(73.8% 4.33 341.15)
OKLAB
oklab(0.7757 0.0118 -0.0037)
OKLCH
oklch(0.7757 0.0124 342.59)
XYZ
xyz(45.51, 46.39, 51.90)
CMYK
cmyk(0%, 5%, 2%, 26%)
CSS
color: #bcb3b8;
CSS variable
--color-bcb3b8: #bcb3b8;
SCSS
$color-bcb3b8: #bcb3b8;
Tailwind
slate-200
Export
:root {
--#bcb3b8-1: #bcb3b8;
}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.