#BDB2BD Color

#BDB2BD is rgb(189, 178, 189) in RGB and hsl(300, 8%, 72%) in HSL. The closest CSS named color is Silver. Black text is most readable on this background.

#BDB2BD

HEX#BDB2BD

RGBrgb(189, 178, 189)

HSLhsl(300, 8%, 72%)

HSVhsv(300, 6%, 74%)

OKLCHoklch(77.6% 0.02 325.8)

CMYKcmyk(0%, 6%, 0%, 26%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BDB2BD background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.05:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.27:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #BDB2BD based on color wheel relationships. Click any swatch for its full breakdown.

Base#BDB2BD Complementary#B2BDB2 Analogous#B8B2BD Analogous#BDB2B8 Triadic#BDBDB2 Triadic#B2BDBD

Tints & Shades

Lighter tints and darker shades of #BDB2BD, useful for hover states, backgrounds, and text variants.

Tints

#C7BDC7 #CEC5CE #D7D0D7 #E1DBE1 #EAE6EA #F1EEF1

Shades

#A696A6 #917E91 #766576 #5B4D5B #3F363F #272127

Use #BDB2BD in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex