#5682A1 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5682a1 graphic
A dusty steel blue for finance dashboards and healthcare interfaces. #5682a1 is muted and cool, with gray undertones that keep it matte instead of vivid. The hex code works best as a supporting tone in a 60/30/10 palette, though it can read flat next to pure white. Black text clears contrast on it at about 5.1:1, so body copy stays readable.

Questions about #5682a1

What is #5682a1 in RGB, HSL and CMYK?
In RGB, #5682a1 is rgb(86, 130, 161), in HSL hsl(205, 30%, 48%) and in CMYK 47%, 19%, 0%, 37%. Browse more shades of blue with names and hex codes.
What colors pair well with #5682a1?
Burgundy and deep plum make #5682a1 look richer than the usual white pairing, and terracotta adds warm contrast. Use off-white instead of pure white to avoid washing it out.
Is #5682a1 readable on white or black?
#5682a1 has a 4.11:1 contrast ratio on white and 5.10: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.