#7B8E97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue presents a muted, desaturated character that leans heavily into gray. Because it lacks intensity, #7b8e97 works best as a supporting background element rather than a primary pop of color. It pairs cleanly with warm charcoal or crisp white, offering enough contrast for readable body text. Use this hex code when your project requires a professional, understated aesthetic for corporate or tech interfaces.
Questions about #7b8e97
What is #7b8e97 in RGB, HSL and CMYK?
In RGB, #7b8e97 is rgb(123, 142, 151), in HSL hsl(199, 12%, 54%) and in CMYK 19%, 6%, 0%, 41%.
How should I use #7b8e97 in UI design?
#7b8e97 functions best as a neutral background or secondary element in professional interfaces because of its low intensity. It creates a clean, sophisticated look when paired with charcoal text or crisp white accents for contrast.
What color schemes work with #7b8e97?
This muted blue pairs effectively with warm neutrals or deep tones to create a balanced, professional palette. Try combining it with slate or soft terracotta to add depth without overpowering the subtle, desaturated character of the shade.
Is #7b8e97 readable on white or black?
#7b8e97 has a 3.41:1 contrast ratio on white and 6.15: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.