#B9B6B9 Hex Color

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

Hex color #b9b6b9 graphic
This mid-tone grey serves as a reliable, neutral anchor for professional design systems. With its balanced saturation, #b9b6b9 avoids looking washed out while maintaining high readability for black text. It functions best as a supporting tone in UI interfaces or data visualization rather than a primary background. Pair it with deep charcoal or muted navy to give your layout structure without relying on harsh contrast.

Questions about #b9b6b9

What is #b9b6b9 in RGB, HSL and CMYK?
In RGB, #b9b6b9 is rgb(185, 182, 185), in HSL hsl(300, 2%, 72%) and in CMYK 0%, 2%, 0%, 27%. Browse more shades of gray with names and hex codes.
How should I pair #b9b6b9 in a UI design system?
#b9b6b9 works best as a supporting neutral that anchors brighter elements without competing for attention. Pair it with high-contrast text like charcoal or a deep navy to maintain strong readability in data-heavy interfaces or navigation bars.
Is #b9b6b9 considered a warm or cool grey?
#b9b6b9 sits firmly in the middle as a neutral grey, meaning it lacks strong blue or yellow undertones. This makes it a versatile tool for backgrounds, as it remains visually unobtrusive regardless of the surrounding color temperature.
Is #b9b6b9 readable on white or black?
#b9b6b9 has a 2.00:1 contrast ratio on white and 10.45: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.