Preview
#bdbebb
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.25:1
HEX
#bdbebb
RGB
rgb(189, 190, 187)
RGBA
rgba(189, 190, 187, 1)
HSL
hsl(80, 2%, 74%)
HSV
hsv(80, 2%, 75%)
LAB
lab(76.82% -0.9 1.39)
LCH
lch(76.82% 1.66 122.92)
OKLAB
oklab(0.7998 -0.0023 0.0037)
OKLCH
oklch(0.7998 0.0044 121.87)
XYZ
xyz(48.37, 51.23, 54.35)
CMYK
cmyk(1%, 0%, 2%, 25%)
CSS
color: #bdbebb;
CSS variable
--color-bdbebb: #bdbebb;
SCSS
$color-bdbebb: #bdbebb;
Tailwind
slate-200
Export
:root {
--#bdbebb-1: #bdbebb;
}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.