Preview
#bdc4c0
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.82:1
HEX
#bdc4c0
RGB
rgb(189, 196, 192)
RGBA
rgba(189, 196, 192, 1)
HSL
hsl(146, 6%, 75%)
HSV
hsv(146, 4%, 77%)
LAB
lab(78.52% -3.16 1.17)
LCH
lch(78.52% 3.37 159.68)
OKLAB
oklab(0.8137 -0.009 0.003)
OKLCH
oklch(0.8137 0.0095 161.57)
XYZ
xyz(50.24, 54.10, 57.66)
CMYK
cmyk(4%, 0%, 2%, 23%)
CSS
color: #bdc4c0;
CSS variable
--color-bdc4c0: #bdc4c0;
SCSS
$color-bdc4c0: #bdc4c0;
Tailwind
slate-200
Export
:root {
--#bdc4c0-1: #bdc4c0;
}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.