#5A7FA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
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.
Is #5a7fa3 accessible with black or white text?
#5a7fa3 provides about a 5.0:1 contrast ratio with black, meeting WCAG AA for normal text; white reaches about 4.2:1, below the 4.5:1 target for normal text but above the 3:1 target for large text.
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.