#5B89A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5b89a5 is a dusty, unsaturated blue with distinct gray undertones. Because it feels restrained and steady, it works well as a background for professional interfaces like finance or government dashboards. Pair this hex code with dark charcoal for high readability. It lacks high-energy punch, so avoid using it where you need to drive immediate user action, as it sits better as a supporting element.
Questions about #5b89a5
What is #5b89a5 in RGB, HSL and CMYK?
In RGB, #5b89a5 is rgb(91, 137, 165), in HSL hsl(203, 29%, 50%) and in CMYK 45%, 17%, 0%, 35%.
What text colors pair best with #5b89a5?
Dark charcoal or deep navy provides the highest readability against this mid-tone blue background. Using pure black can occasionally feel too harsh, while a clean, bright white text remains excellent for contrast on both mobile and desktop user interfaces.
Why does #5b89a5 feel so professional and muted?
This color lacks the high-energy saturation found in primary blues, leaning instead into a desaturated gray base. It communicates stability and calm, making it a reliable choice for data-heavy applications that require user focus without creating visual distractions.
Is #5b89a5 readable on white or black?
#5b89a5 has a 3.77:1 contrast ratio on white and 5.56: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.