#525DC9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mid-tone indigo demands attention with its intense, electric personality. Because #525dc9 is so bold, it works best as a sharp accent rather than a background color. Pair it with soft creams or warm grays to balance its cooler energy. Designers utilize this hex code for high-impact calls to action or UI elements where clarity and distinction are required against lighter interfaces.
Questions about #525dc9
What is #525dc9 in RGB, HSL and CMYK?
In RGB, #525dc9 is rgb(82, 93, 201), in HSL hsl(234, 52%, 55%) and in CMYK 59%, 54%, 0%, 21%.
How can I effectively use #525dc9 in a UI design?
#525dc9 works best as a punchy accent color for primary call-to-action buttons or interactive elements where you need high visibility against a neutral background. Avoid using it as a large-scale background color, as its intense energy can quickly overwhelm the viewer.
Which neutral colors balance the intensity of #525dc9?
Pair #525dc9 with soft creams or warm grays to temper its electric, cool-toned energy. Using a neutral base helps the indigo pop without creating visual vibration, ensuring your design remains accessible while still feeling dynamic and modern.
Is #525dc9 readable on white or black?
#525dc9 has a 5.57:1 contrast ratio on white and 3.76: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.