#A52EAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a52eaa is a high-chroma violet that demands immediate attention. This intense shade is best reserved for accents or call-to-action buttons rather than large background areas, where it can easily overwhelm a design. It pairs effectively with cool, dark grays to ground its energetic nature. Because white text maintains a strong 5.9:1 contrast ratio against this hue, it remains readable for UI elements.
Questions about #a52eaa
What is #a52eaa in RGB, HSL and CMYK?
In RGB, #a52eaa is rgb(165, 46, 170), in HSL hsl(298, 57%, 42%) and in CMYK 3%, 73%, 0%, 33%.
How should I use #a52eaa in a professional UI design?
This intense violet is best used sparingly as an accent color for call-to-action buttons or highlights. Because #a52eaa commands immediate visual attention, it can quickly overwhelm a layout if applied to large backgrounds or primary text areas.
What colors pair well with #a52eaa for a balanced palette?
To ground the electric energy of #a52eaa, pair it with cool, neutral tones like deep charcoal or soft slate grays. These darker, muted shades allow the violet to pop without competing for dominance in your color scheme.
Is #a52eaa readable on white or black?
#a52eaa has a 5.88:1 contrast ratio on white and 3.57: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.