#525DF9 Hex Color

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

Hex color #525df9 graphic
Electric as a lit sign against a night sky, this saturated indigo hums with energy. The hex code #525df9 lands between royal blue and violet, cool and beaming, and it earns its keep as a bold accent for buttons, links, and highlights. As a full background it can overwhelm, but white text on it reads clearly at about 4.9:1, enough for WCAG AA body copy. Pair it with warm coral to balance the chill.

Questions about #525df9

What is #525df9 in RGB, HSL and CMYK?
In RGB, #525df9 is rgb(82, 93, 249), in HSL hsl(236, 93%, 65%) and in CMYK 67%, 63%, 0%, 2%. Browse more shades of blue with names and hex codes.
What text color works best on #525df9?
White text is the safest choice, reading at about 4.9:1 contrast, which clears WCAG AA for small body text. Black falls short at roughly 4.3:1, so stick with white or very light tints.
What colors pair well with #525df9?
Warm hues like coral and amber balance its cool intensity and keep it from feeling icy. For quieter layouts, soft grays and pale lavender tints let the indigo stay bold without shouting.
Is #525df9 readable on white or black?
#525df9 has a 4.89:1 contrast ratio on white and 4.29:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.