#5A6F82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits on the darker side of the spectrum with a heavy gray undertone. Because it is highly unsaturated, #5a6f82 functions well as a reliable base or background for corporate tech and finance interfaces. It maintains excellent readability with white text, providing enough contrast for small UI elements. Pair it with soft cream or warm beige to prevent the color from feeling too cold.
Questions about #5a6f82
What is #5a6f82 in RGB, HSL and CMYK?
In RGB, #5a6f82 is rgb(90, 111, 130), in HSL hsl(208, 18%, 43%) and in CMYK 31%, 15%, 0%, 49%.
What makes #5a6f82 effective for professional user interfaces?
#5a6f82 serves as a highly readable, low-contrast neutral base that avoids the harshness of pure blue. Its gray undertones make it professional and grounded, allowing text to stand out clearly without creating visual strain during long periods of use in complex data applications.
Which colors work best alongside #5a6f82 in a design?
Is #5a6f82 readable on white or black?
#5a6f82 has a 5.20:1 contrast ratio on white and 4.03:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.