Preview
#bbbbc4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 11.02:1
HEX
#bbbbc4
RGB
rgb(187, 187, 196)
RGBA
rgba(187, 187, 196, 1)
HSL
hsl(240, 7%, 75%)
HSV
hsv(240, 5%, 77%)
LAB
lab(76.12% 1.71 -4.53)
LCH
lch(76.12% 4.84 290.68)
OKLAB
oklab(0.7948 0.0035 -0.0121)
OKLCH
oklch(0.7948 0.0126 286.13)
XYZ
xyz(48.23, 50.09, 59.34)
CMYK
cmyk(5%, 5%, 0%, 23%)
CSS
color: #bbbbc4;
CSS variable
--color-bbbbc4: #bbbbc4;
SCSS
$color-bbbbc4: #bbbbc4;
Tailwind
slate-200
Export
:root {
--#bbbbc4-1: #bbbbc4;
}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.