#B1B6B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neutral, ashy grey serves as a reliable anchor for minimalist UI design. Because it sits at a mid-range lightness, it provides high contrast for black typography, easily meeting standard legibility requirements. Use this shade when you need a background that stays out of the way of your content. The hex code for this stable, professional tone is #b1b6b7.
Questions about #b1b6b7
What is #b1b6b7 in RGB, HSL and CMYK?
In RGB, #b1b6b7 is rgb(177, 182, 183), in HSL hsl(190, 4%, 71%) and in CMYK 3%, 1%, 0%, 28%. Browse more shades of gray with names and hex codes.
Why is #b1b6b7 effective for interface backgrounds?
This shade provides a balanced mid-tone that reduces eye strain while maintaining enough contrast to support black or dark charcoal text. It sits perfectly in the background, anchoring elements without competing for attention against primary content or vibrant call-to-action buttons.
What color combinations work well with #b1b6b7?
Because #b1b6b7 is a neutral, ashy grey, it pairs best with high-contrast text like charcoal or deep navy, but also creates a sophisticated, monochromatic look when used alongside lighter off-whites. It grounds layouts without overwhelming more vibrant accents.
Is #b1b6b7 readable on white or black?
#b1b6b7 has a 2.04:1 contrast ratio on white and 10.24: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.