#486FA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reminiscent of a weathered workwear jacket, this dusty blue leans gray and sits mid-dark on the scale. The hex code #486fa3 carries very little saturation, so it reads subdued rather than vivid. That restraint makes it a strong supporting tone rather than a hero color. White text hits about 5.1:1 contrast against it, enough for small body copy. Use it in dashboards or finance branding, and lift it with a warm terracotta accent so the palette doesn’t go flat.
Questions about #486fa3
What is #486fa3 in RGB, HSL and CMYK?
In RGB, #486fa3 is rgb(72, 111, 163), in HSL hsl(214, 39%, 46%) and in CMYK 56%, 32%, 0%, 36%.
What colors pair well with #486fa3?
Warm accents like terracotta, burnt orange, or soft cream keep #486fa3 from reading flat. For a tighter, more corporate palette, pair it with deeper navy or muted olive.
Is #486fa3 readable on white or black?
#486fa3 has a 5.14:1 contrast ratio on white and 4.07: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.