#7B8F9B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty blue, #7b8f9b reads as an ashy, desaturated slate that feels grounded and professional. It works best as a neutral background or supporting element in technology and finance layouts, where clarity matters more than flair. Because it maintains high contrast with black text, it is a safe, readable choice for UI panels. Pair it with soft creams to prevent it from feeling too cold or bleak.
Questions about #7b8f9b
What is #7b8f9b in RGB, HSL and CMYK?
In RGB, #7b8f9b is rgb(123, 143, 155), in HSL hsl(203, 14%, 55%) and in CMYK 21%, 8%, 0%, 39%. Browse more shades of gray with names and hex codes.
What colors pair best with #7b8f9b?
Warm neutrals work best to balance the cool, ashy nature of #7b8f9b. Pair it with soft, creamy off-whites or light beige to prevent the design from feeling too clinical or cold, which helps maintain a welcoming atmosphere.
Is #7b8f9b a good choice for UI text?
While #7b8f9b works excellently as a background for UI panels, it lacks the necessary contrast to be used as primary text against white. Use it for secondary elements like borders, icons, or muted accents instead.
Is #7b8f9b readable on white or black?
#7b8f9b has a 3.36:1 contrast ratio on white and 6.24:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.