#5474A4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a matte finish that reads as reliable and professional. Because of its desaturated quality, #5474a4 works best as a supporting background or UI element rather than a dominant splash of color. It pairs effectively with crisp whites, as the contrast ratio is high enough to maintain readability for small text. This makes it a practical choice for financial or technology-focused interface designs.
Questions about #5474a4
What is #5474a4 in RGB, HSL and CMYK?
In RGB, #5474a4 is rgb(84, 116, 164), in HSL hsl(216, 32%, 49%) and in CMYK 49%, 29%, 0%, 36%.
Where should I use the #5474a4 color in my UI design?
#5474a4 excels as a secondary background or UI element in corporate or financial applications. Because it feels steady and professional, it provides a grounded alternative to brighter blues without sacrificing legibility against white text, making it ideal for dense data dashboards.
What colors pair well with #5474a4 for a balanced palette?
This color pairs beautifully with crisp white to ensure high-contrast readability, or with light silver grays to maintain a clean, professional aesthetic. For an accent, consider a muted mustard or terracotta to add warmth without overwhelming the calm, desaturated nature of this blue.
Is #5474a4 readable on white or black?
#5474a4 has a 4.76:1 contrast ratio on white and 4.41: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.