#506CA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, inky blue that sits in that dim middle ground between navy and steel. #506ca3 carries a matte, dusty quality, so it works best as a supporting tone or 30% color rather than the lead. White text clears WCAG AA against this hex code at roughly 5.2:1 contrast. It reads more understated next to warm terracotta than beside standard corporate grays.
Questions about #506ca3
What is #506ca3 in RGB, HSL and CMYK?
In RGB, #506ca3 is rgb(80, 108, 163), in HSL hsl(220, 34%, 48%) and in CMYK 51%, 34%, 0%, 36%.
What colors pair well with #506ca3?
Warm accents like terracotta and muted gold bring out its depth, while soft cream keeps layouts calm. Avoid bright cyans, which make the muted tone look flat.
Is #506ca3 readable on white or black?
#506ca3 has a 5.23:1 contrast ratio on white and 4.01: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.