#B4B1B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, neutral grey offers a flat, stable foundation for minimal UI designs. Because it lacks strong warm or cool undertones, the hex code #b4b1b2 works best as a background tone that lets bolder accent colors stand out. Use black text for optimal readability, as this shade provides sufficient contrast for standard body copy. Avoid using it alone, as it can feel slightly clinical without supporting elements.
Questions about #b4b1b2
What is #b4b1b2 in RGB, HSL and CMYK?
In RGB, #b4b1b2 is rgb(180, 177, 178), in HSL hsl(340, 2%, 70%) and in CMYK 0%, 2%, 1%, 29%. Browse more shades of gray with names and hex codes.
How should I use #b4b1b2 effectively in user interface design?
#b4b1b2 functions best as a background color or secondary element because its neutral, balanced nature allows vibrant accent colors to pop without visual competition. It provides enough contrast against standard black text to maintain readability while keeping your interface clean and minimal.
Does #b4b1b2 lean warm or cool in color temperature?
#b4b1b2 is a true neutral, lacking significant warm or cool undertones, which makes it highly adaptable for various design systems. Because it is neither explicitly blue-leaning nor yellow-leaning, it avoids clashing with most color palettes and remains steady across different lighting conditions.
Is #b4b1b2 readable on white or black?
#b4b1b2 has a 2.12:1 contrast ratio on white and 9.87: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.