#BCBDB8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bcbdb8 is a dusty, mid-tone grey with a flat, neutral character. Its low chroma makes it an excellent supporting color for clean UI backgrounds or minimalist typography. Because it maintains high contrast ratios against black text, it stays legible and professional in interface design. Pair this hex code with muted greens or terracotta to ground its otherwise sterile appearance.
Questions about #bcbdb8
What is #bcbdb8 in RGB, HSL and CMYK?
In RGB, #bcbdb8 is rgb(188, 189, 184), in HSL hsl(72, 4%, 73%) and in CMYK 1%, 0%, 3%, 26%.
How can I effectively use #bcbdb8 in UI design?
#bcbdb8 works best as a background or secondary structural color because it offers a clean, non-distracting foundation for high-contrast elements. Use it to separate content sections or subtle interface borders where you need to maintain visual hierarchy without overpowering your primary brand colors.
Which color combinations ground #bcbdb8 effectively?
Pair #bcbdb8 with earthy, saturated tones to elevate its flat appearance. Deep terracotta or muted olive provides a necessary warmth, preventing the overall design from feeling too sterile or cold when using this neutral grey as your primary interface base.
Is #bcbdb8 readable on white or black?
#bcbdb8 has a 1.89:1 contrast ratio on white and 11.10: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.