#BDBDBD Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bdbdbd graphic
Mid-grey #bdbdbd offers a neutral base for minimalist interface designs. Because it sits in the middle of the value scale, it avoids the harshness of pure white while maintaining excellent legibility for black typography. Use this hex code as a background color to ground bold brand accents without competing for attention. It works best when paired with dark text or saturated primary colors.

Questions about #bdbdbd

What is #bdbdbd in RGB, HSL and CMYK?
In RGB, #bdbdbd is rgb(189, 189, 189), in HSL hsl(0, 0%, 74%) and in CMYK 0%, 0%, 0%, 26%.
What design scenarios work best for #bdbdbd?
#bdbdbd is an ideal choice for UI backgrounds or secondary elements that need to remain subtle without disappearing. Its mid-value placement ensures that dark text remains highly legible, creating a comfortable reading experience that avoids the intense contrast of white.
How does #bdbdbd influence color harmony in a palette?
Using #bdbdbd acts as a neutral bridge that softens the transition between bold primary colors and deep, dark accents. It effectively grounds vibrant hues, preventing them from feeling overwhelming while maintaining a clean, professional aesthetic across your entire design layout.
Is #bdbdbd readable on white or black?
#bdbdbd has a 1.87:1 contrast ratio on white and 11.17:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.