#52A5FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and electric, #52a5ff functions best as a high-impact accent or call-to-action button rather than a full-page background. This intense blue commands attention, so apply it sparingly to guide user focus. It maintains an impressive 8.2:1 contrast ratio with black text, keeping UI elements legible. Designers often pair this hex code with dark neutrals to ground its high energy for professional tech and security branding.
Questions about #52a5ff
What is #52a5ff in RGB, HSL and CMYK?
In RGB, #52a5ff is rgb(82, 165, 255), in HSL hsl(211, 100%, 66%) and in CMYK 68%, 35%, 0%, 0%.
Where should I use #52a5ff in a web interface?
Use #52a5ff sparingly as a high-impact accent or primary call-to-action button to guide user attention. Because this intense blue is visually demanding, it works best when paired with dark, muted neutrals that allow its energy to stand out clearly.
Is #52a5ff readable on white or black?
#52a5ff has a 2.56:1 contrast ratio on white and 8.18: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.