#557DCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#557dcc is a muted, medium blue with a gray undertone that keeps it grounded. It reads steady and dependable, which suits finance, healthcare, and tech branding. The hex code works best as a supporting tone or UI background, and black text passes AA on it at roughly 5.2:1 contrast. Pair it with warm cream or terracotta to keep it from feeling flat.
Questions about #557dcc
What is #557dcc in RGB, HSL and CMYK?
In RGB, #557dcc is rgb(85, 125, 204), in HSL hsl(220, 54%, 57%) and in CMYK 58%, 39%, 0%, 20%.
What colors pair well with #557dcc?
Warm cream and terracotta balance its cool, muted character, while charcoal keeps it feeling serious. Avoid pairing it with bright cyan, which washes out its gray undertone.
Is #557dcc readable on white or black?
#557dcc has a 4.04:1 contrast ratio on white and 5.19: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.