#7B89A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and ashy, #7b89a6 is a medium-light blue with gray undertones and a matte, dusty finish. Its very low saturation creates a controlled, understated mood for finance, healthcare, government, and security interfaces. Use it as a supporting UI background with black text, which reaches about 6.0:1 contrast; white can make it look washed out. The hex code is #7b89a6.
Questions about #7b89a6
What is #7b89a6 in RGB, HSL and CMYK?
In RGB, #7b89a6 is rgb(123, 137, 166), in HSL hsl(220, 19%, 57%) and in CMYK 26%, 17%, 0%, 35%.
What colors pair well with #7b89a6?
#7b89a6 pairs well with charcoal text, soft white, muted navy, and warm beige, creating balanced palettes without overpowering its dusty blue base or competing with its low-saturation, matte appearance. Use charcoal or deep navy for stronger definition, while beige adds gentle warmth to dashboards and editorial layouts.
Does #7b89a6 look warm or cool?
#7b89a6 reads as a cool blue because its gray undertone tempers saturation and keeps the hue subdued, giving it a composed, dependable mood that suits healthcare, finance, government, and security interfaces. It works especially well when a design needs color without strong visual intensity.
Is #7b89a6 readable on white or black?
#7b89a6 has a 3.51:1 contrast ratio on white and 5.97: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.