#5A7585 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a matte finish that reads as serious and grounded. Because of its low chroma, #5a7585 works well as a stable background color for corporate or finance interfaces. It offers enough contrast for white text while avoiding the starkness of pure black. Pair it with soft cream or warm greys to prevent the color from feeling too cold or gloomy in your final layout.
Questions about #5a7585
What is #5a7585 in RGB, HSL and CMYK?
In RGB, #5a7585 is rgb(90, 117, 133), in HSL hsl(202, 19%, 44%) and in CMYK 32%, 12%, 0%, 48%.
Which colors work best alongside #5a7585?
Use soft creams or warm greys to balance the cool, dusty nature of #5a7585 and prevent it from appearing too gloomy in a design layout. These lighter, warmer tones naturally soften the blue, creating a professional and inviting aesthetic for your interface.
Is #5a7585 a good choice for professional user interfaces?
This hex color functions effectively as a stable background because of its low chroma and matte finish. It maintains sufficient contrast for white or light text while avoiding the harshness typically associated with pure black backgrounds in corporate branding.
Is #5a7585 readable on white or black?
#5a7585 has a 4.86:1 contrast ratio on white and 4.31: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.