#BABBBB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty grey acts as a reliable neutral that never competes for attention. Because of its balanced lightness, #babbbb works best as a supporting background rather than a focal point. Use it alongside deep charcoal or navy to create high-contrast, professional layouts. Since black text provides excellent readability over this hex code, it is a practical choice for clean, minimal user interfaces.
Questions about #babbbb
What is #babbbb in RGB, HSL and CMYK?
In RGB, #babbbb is rgb(186, 187, 187), in HSL hsl(180, 1%, 73%) and in CMYK 1%, 0%, 0%, 27%.
How does #babbbb perform in user interface design?
#babbbb works best as a neutral, unobtrusive background that allows high-contrast text or accent colors to stand out. It provides enough visual weight to anchor a layout without overwhelming the screen or tiring the eyes during extended use.
What color combinations work best with #babbbb?
Is #babbbb readable on white or black?
#babbbb has a 1.92:1 contrast ratio on white and 10.91: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.