#7B8DA2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7b8da2 graphic
#7b8da2 is a muted, gray-leaning blue with a matte, dusty finish and medium-light value. Its restrained saturation gives interfaces a controlled, dependable feel, making it useful for finance, healthcare, government, and technology designs. Use it as a supporting background with black text, which reaches about 6.2:1 contrast. The hex code is #7b8da2.

Questions about #7b8da2

What is #7b8da2 in RGB, HSL and CMYK?
In RGB, #7b8da2 is rgb(123, 141, 162), in HSL hsl(212, 17%, 56%) and in CMYK 24%, 13%, 0%, 36%. Browse more shades of gray with names and hex codes.
Which colors pair well with #7b8da2?
#7b8da2 pairs well with sage and warm neutrals, balancing its cool gray-blue base across interfaces and brand materials without making layouts feel busy or overly formal for most interfaces and applications. Add terracotta accents when you want a little more warmth.
Does #7b8da2 read as warm or cool?
#7b8da2 reads as a cool color because its blue base and gray cast keep it visually restrained rather than warm, while its low saturation softens the effect for calm interfaces. It feels controlled rather than vivid or icy.
Is #7b8da2 readable on white or black?
#7b8da2 has a 3.40:1 contrast ratio on white and 6.17: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.