#506FA8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a bright corporate blue, #506fa8 is a dusty, muted shade sitting in the darker mid-tones. Its low saturation reads calm and steady, which suits finance dashboards, healthcare interfaces, and government branding. It works best as a supporting tone or background, where white text passes AA at about 5.0:1 contrast. Pair it with warm sand or soft coral to lift the gloom.
Questions about #506fa8
What is #506fa8 in RGB, HSL and CMYK?
In RGB, #506fa8 is rgb(80, 111, 168), in HSL hsl(219, 35%, 49%) and in CMYK 52%, 34%, 0%, 34%. Browse more shades of blue with names and hex codes.
What text color works on #506fa8?
White text reads clearly on #506fa8, with a contrast ratio of about 5.0:1. That clears the WCAG AA threshold of 4.5:1, so small body text in white is safe on this background.
What colors pair well with #506fa8?
Warm sand, soft coral, and burgundy all lift #506fa8 without clashing. Its muted, cool base flatters warm accents more than the crisp grays designers usually reach for.
Is #506fa8 readable on white or black?
#506fa8 has a 5.02:1 contrast ratio on white and 4.18: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.