#B5BCBC Hex Color

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

Hex color #b5bcbc graphic
This dusty, mid-tone grey serves as a reliable, neutral base for clean interface design. Because it sits at a lighter value, it provides excellent legibility for black typography, achieving a 10.9:1 contrast ratio. Pair the hex code #b5bcbc with saturated blues or teals to prevent the palette from looking washed out. It functions best as a dominant background color in minimal, professional layouts.

Questions about #b5bcbc

What is #b5bcbc in RGB, HSL and CMYK?
In RGB, #b5bcbc is rgb(181, 188, 188), in HSL hsl(180, 5%, 72%) and in CMYK 4%, 0%, 0%, 26%. Browse more shades of gray with names and hex codes.
What colors pair best with #b5bcbc?
Pair #b5bcbc with saturated hues like deep navy or vibrant teal to prevent your design from appearing flat or washed out. These high-contrast additions help ground the neutrality of the grey, adding depth and visual interest to your overall composition.
Is #b5bcbc suitable for text-heavy interface designs?
Yes, #b5bcbc is an excellent choice for interface backgrounds because it maintains a high contrast ratio with black typography. When used at 10.9:1, it ensures readability while offering a softer, less aggressive alternative to pure white backgrounds in professional applications.
Is #b5bcbc readable on white or black?
#b5bcbc has a 1.92:1 contrast ratio on white and 10.88: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.