Preview
#bbbcba
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 11.02:1
HEX
#bbbcba
RGB
rgb(187, 188, 186)
RGBA
rgba(187, 188, 186, 1)
HSL
hsl(90, 1%, 73%)
HSV
hsv(90, 1%, 74%)
LAB
lab(76.12% -0.72 0.89)
LCH
lch(76.12% 1.14 128.97)
OKLAB
oklab(0.7938 -0.0019 0.0023)
OKLCH
oklch(0.7938 0.003 129.56)
XYZ
xyz(47.34, 50.08, 53.62)
CMYK
cmyk(1%, 0%, 1%, 26%)
CSS
color: #bbbcba;
CSS variable
--color-bbbcba: #bbbcba;
SCSS
$color-bbbcba: #bbbcba;
Tailwind
slate-200
Export
:root {
--#bbbcba-1: #bbbcba;
}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.