Preview
#bdbbad
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.88:1
HEX
#bdbbad
RGB
rgb(189, 187, 173)
RGBA
rgba(189, 187, 173, 1)
HSL
hsl(52, 11%, 71%)
HSV
hsv(52, 8%, 74%)
LAB
lab(75.69% -1.78 7.34)
LCH
lch(75.69% 7.55 103.63)
OKLAB
oklab(0.7898 -0.0035 0.0192)
OKLCH
oklch(0.7898 0.0195 100.33)
XYZ
xyz(46.30, 49.38, 46.62)
CMYK
cmyk(0%, 1%, 8%, 26%)
CSS
color: #bdbbad;
CSS variable
--color-bdbbad: #bdbbad;
SCSS
$color-bdbbad: #bdbbad;
Tailwind
orange-200
Export
:root {
--#bdbbad-1: #bdbbad;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.