#5397D6 Hex Color

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

Hex color #5397d6 graphic
#5397d6 is a moderately muted, cool blue with a clean gray undertone and medium-light appearance. Its controlled saturation supports trust and reliability without feeling severe, making it useful for finance, healthcare, government, and technology interfaces. Use it as a supporting color beside navy or charcoal. Black text reaches about 6.8:1 contrast, meeting WCAG AA for body text. The hex code is #5397d6.

Questions about #5397d6

What is #5397d6 in RGB, HSL and CMYK?
In RGB, #5397d6 is rgb(83, 151, 214), in HSL hsl(209, 62%, 58%) and in CMYK 61%, 29%, 0%, 16%.
What colors pair well with #5397d6?
#5397d6 pairs well with navy or charcoal for grounded contrast, while white keeps the palette clean and airy; muted blue-green or soft orange accents can add interest without overwhelming its cool, restrained character.
Where does #5397d6 work well in a design?
#5397d6 works well for supporting surfaces, buttons, links, and data visuals in finance, healthcare, government, and technology interfaces, where its medium-light blue tone suggests trust while its muted saturation keeps the result calm rather than severe.
Is #5397d6 readable on white or black?
#5397d6 has a 3.10:1 contrast ratio on white and 6.76: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.