#557DA7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #557da7 when a layout needs a steady mid-tone blue that stays out of the way. Its muted, ashy character suits UI backgrounds, finance dashboards, and healthcare interfaces where trust matters more than flash. Black text reads clearly on top at about 4.9:1, so it passes AA for body copy. Pair it with burgundy or soft cream for a richer, less corporate feel.
Questions about #557da7
What is #557da7 in RGB, HSL and CMYK?
In RGB, #557da7 is rgb(85, 125, 167), in HSL hsl(211, 33%, 49%) and in CMYK 49%, 25%, 0%, 35%. Browse more shades of blue with names and hex codes.
What colors pair well with #557da7?
Burgundy brings out its depth, soft cream lifts it, and charcoal keeps it grounded. Skip bright oranges, they fight its ashy restraint.
Is #557da7 readable on white or black?
#557da7 has a 4.30:1 contrast ratio on white and 4.87:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.