Preview
#bbb9c1
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.94:1 · vs black: 10.82:1
HEX
#bbb9c1
RGB
rgb(187, 185, 193)
RGBA
rgba(187, 185, 193, 1)
HSL
hsl(255, 6%, 74%)
HSV
hsv(255, 4%, 76%)
LAB
lab(75.52% 2.2 -3.79)
LCH
lch(75.52% 4.38 300.13)
OKLAB
oklab(0.7898 0.0053 -0.0101)
OKLCH
oklch(0.7898 0.0114 297.69)
XYZ
xyz(47.47, 49.11, 57.42)
CMYK
cmyk(3%, 4%, 0%, 24%)
CSS
color: #bbb9c1;
CSS variable
--color-bbb9c1: #bbb9c1;
SCSS
$color-bbb9c1: #bbb9c1;
Tailwind
slate-200
Export
:root {
--#bbb9c1-1: #bbb9c1;
}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.