Preview
#bcbcc4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.13:1
HEX
#bcbcc4
RGB
rgb(188, 188, 196)
RGBA
rgba(188, 188, 196, 1)
HSL
hsl(240, 6%, 75%)
HSV
hsv(240, 4%, 77%)
LAB
lab(76.46% 1.51 -4.02)
LCH
lch(76.46% 4.29 290.59)
OKLAB
oklab(0.7976 0.0031 -0.0107)
OKLCH
oklch(0.7976 0.0111 286.16)
XYZ
xyz(48.68, 50.64, 59.42)
CMYK
cmyk(4%, 4%, 0%, 23%)
CSS
color: #bcbcc4;
CSS variable
--color-bcbcc4: #bcbcc4;
SCSS
$color-bcbcc4: #bcbcc4;
Tailwind
slate-200
Export
:root {
--#bcbcc4-1: #bcbcc4;
}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.