#539CC1 Hex Color

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

Hex color #539cc1 graphic
#539cc1 is a cool, moderately muted blue with a soft gray cast and medium-light value. Its restrained saturation feels dependable and controlled, making it useful for finance, healthcare, technology, and government interfaces. Use it as a supporting brand tone with charcoal or warm sand. The hex code #539cc1 supports black body text at about 6.9:1 contrast, meeting WCAG AA.

Questions about #539cc1

What is #539cc1 in RGB, HSL and CMYK?
In RGB, #539cc1 is rgb(83, 156, 193), in HSL hsl(200, 47%, 54%) and in CMYK 57%, 19%, 0%, 24%.
What colors pair well with #539cc1?
#539cc1 pairs well with charcoal, warm sand, white, and navy because its muted blue-gray character gains contrast from dark neutrals and warmth from earthy tones, keeping the overall palette readable and balanced.
Where does #539cc1 work best in a design?
#539cc1 works well as a supporting color in finance, healthcare, technology, and government interfaces, where its cool, controlled blue tone feels dependable without becoming overly bright. Use it for navigation, secondary actions, or calm information panels rather than high-energy alerts.
Is #539cc1 readable on white or black?
#539cc1 has a 3.04:1 contrast ratio on white and 6.89: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.