#5577A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a bright or cheerful blue, #5577a6 is a muted, dusty steel blue with a cool gray undertone. Its matte, understated character fits fintech dashboards, healthcare portals, and government interfaces where trust matters more than flair. It works best as a supporting tone in a 60/30/10 layout, and white text on it hits about 4.6:1 contrast, enough for WCAG AA body copy. Pair it with warm terracotta or soft cream to keep it from going flat. The hex code for this shade is #5577a6.
Questions about #5577a6
What is #5577a6 in RGB, HSL and CMYK?
In RGB, #5577a6 is rgb(85, 119, 166), in HSL hsl(215, 32%, 49%) and in CMYK 49%, 28%, 0%, 35%.
What colors pair well with #5577a6?
Warm earth tones work best. Try pairing #5577a6 with terracotta, soft cream, or muted salmon, which offset its cool gray undertone. Avoid bright cyans and saturated blues, since they make the muted quality read as dull rather than deliberate.
Is #5577a6 readable on white or black?
#5577a6 has a 4.58:1 contrast ratio on white and 4.57: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.