#5064A3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5064a3 graphic
Muted and matte, #5064a3 is a medium-dark blue with cool gray undertones and low saturation. Its restrained character supports reliable branding for finance, technology, healthcare, and government interfaces. Use it as a supporting tone or UI background, pairing it with warm ivory or muted coral. White text reaches about 5.7:1 contrast, meeting WCAG AA for body text. The hex code is #5064a3.

Questions about #5064a3

What is #5064a3 in RGB, HSL and CMYK?
In RGB, #5064a3 is rgb(80, 100, 163), in HSL hsl(226, 34%, 48%) and in CMYK 51%, 39%, 0%, 36%.
What colors pair well with #5064a3?
#5064a3 pairs well with warm ivory for soft contrast and muted coral for restrained energy; charcoal or deep navy can add depth without overpowering its cool, low-saturation blue in layouts and interfaces.
Does #5064a3 read as a warm or cool color?
#5064a3 reads as a cool blue because its muted base carries gray undertones rather than yellow or red warmth. Low saturation softens the effect, giving it a calm, measured presence instead of a vivid or icy appearance.
Is #5064a3 readable on white or black?
#5064a3 has a 5.68:1 contrast ratio on white and 3.69: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.