#B7B7B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, neutral grey is a steady, professional choice for minimalist user interfaces. Because it offers strong contrast against black text, #b7b7b7 serves well as a structural background or border color. It feels grounded and uncomplicated, though it can appear flat if used exclusively. Pair it with bold, saturated accent colors to prevent your design from feeling washed out or overly industrial.
Questions about #b7b7b7
What is #b7b7b7 in RGB, HSL and CMYK?
In RGB, #b7b7b7 is rgb(183, 183, 183), in HSL hsl(0, 0%, 72%) and in CMYK 0%, 0%, 0%, 28%. Browse more shades of gray with names and hex codes.
How can I best use #b7b7b7 in a user interface?
#b7b7b7 works best as a structural element like borders, divider lines, or inactive button states where you need visual separation without overwhelming the user. Because it is neutral, it creates a subtle foundation that lets your primary accent colors stand out without conflict.
What colors pair well with #b7b7b7?
This grey is highly versatile and acts as a canvas for bold, high-contrast colors. It pairs effectively with navy for a corporate feel, terracotta to introduce warmth, or charcoal to create a clean, modern monochromatic depth in your layouts.
Is #b7b7b7 readable on white or black?
#b7b7b7 has a 2.00:1 contrast ratio on white and 10.47: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.