#5A7FA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #5a7fa3 is a dusty blue with gray undertones and a matte, low-saturation finish. Its restrained character suggests trust and reliability, making it a strong supporting tone for finance, healthcare, government, and technology interfaces. Black text reads clearly on this color at about a 5.0:1 contrast ratio. The hex code is #5a7fa3.
Questions about #5a7fa3
What is #5a7fa3 in RGB, HSL and CMYK?
In RGB, #5a7fa3 is rgb(90, 127, 163), in HSL hsl(210, 29%, 50%) and in CMYK 45%, 22%, 0%, 36%.
What colors pair well with #5a7fa3?
#5a7fa3 pairs well with white, black, warm cream, charcoal, and muted terracotta, balancing its cool blue with clean contrast or gentle warmth across digital interfaces, editorial layouts, and calm brand systems.
Where does #5a7fa3 work best?
#5a7fa3 works well as a calm supporting color in finance, healthcare, government, and technology interfaces, where its low saturation and gray undertones suggest steadiness without competing with primary content or action elements.
Is #5a7fa3 readable on white or black?
#5a7fa3 has a 4.20:1 contrast ratio on white and 4.99: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.