#5A84A1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
What colors pair well with #5a84a1?
#5a84a1 pairs well with warm white, soft beige, navy, and restrained terracotta, adding contrast without overpowering its dusty blue base while preserving a calm, understated character in interface and brand layouts. Use warm neutrals for calm layouts and deeper blue accents for a cohesive palette.
Does #5a84a1 look warm or cool?
#5a84a1 reads as a cool, muted blue because its blue hue is balanced by gray undertones rather than warm red or yellow, keeping the appearance soft, restrained, and visually quiet. That balance suits dashboards, healthcare interfaces, and designs needing calm emphasis rather than high-energy color.
Is #5a84a1 accessible for text?
#5a84a1 supports black text at roughly a 5.2:1 contrast ratio, meeting WCAG AA for normal-sized text when the background is rendered at its exact value without transparency or overlays applied. White text is lower at about 4.1:1, so verify it carefully before use.