#52A5ED Hex Color

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

Hex color #52a5ed graphic
This vivid azure sits right between bright sky and primary blue. Because it conveys reliability and security, the hex code #52a5ed is a common choice for fintech and healthcare interfaces. It provides enough contrast to support black text for readable UI elements. To ground its high saturation, consider pairing it with neutral tones rather than mixing gray directly into your palette.

Questions about #52a5ed

What is #52a5ed in RGB, HSL and CMYK?
In RGB, #52a5ed is rgb(82, 165, 237), in HSL hsl(208, 81%, 63%) and in CMYK 65%, 30%, 0%, 7%.
Does #52a5ed work well for text in user interfaces?
This color provides excellent contrast against white backgrounds, making it a safe choice for primary buttons or link text. It is highly legible, though avoid using it for fine details or small fonts on light gray backgrounds to ensure better accessibility.
What colors pair best with #52a5ed for a clean look?
To keep the aesthetic balanced, pair #52a5ed with charcoal for text or a clean off-white for backgrounds. Adding subtle hints of a cooler slate can help ground the high saturation without clashing with the primary blue tone.
Is #52a5ed readable on white or black?
#52a5ed has a 2.63:1 contrast ratio on white and 7.96:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.