#5578A9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #5578a9 when a layout needs a blue that stays out of the way. The hex code describes a muted, gray-leaning blue that reads dependable rather than bold, so it suits finance dashboards, government sites, and calm UI backgrounds. Black text passes on it at about 4.6:1, so small body copy stays readable. Pair it with terracotta to offset its flat, matte character.
Questions about #5578a9
What is #5578a9 in RGB, HSL and CMYK?
In RGB, #5578a9 is rgb(85, 120, 169), in HSL hsl(215, 33%, 50%) and in CMYK 50%, 29%, 0%, 34%. Browse more shades of blue with names and hex codes.
What colors pair well with #5578a9?
Warm earth tones work best. Terracotta, clay, and cream offset its cool gray undertones, while charcoal makes a grounded pairing for interfaces. Avoid bright cyans and pure white, which wash it out.
Is #5578a9 readable on white or black?
#5578a9 has a 4.52:1 contrast ratio on white and 4.64: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 for body text. Try other pairs in the contrast checker.