#BA52EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy purple is impossible to ignore. Because #ba52ea pushes such a saturated, vivid intensity, it works best as a bold 10% accent rather than a full background. Pair it with dark, neutral grays to ground the brightness, or use it for high-contrast UI highlights. Since black text provides excellent readability against this shade, it functions well for striking buttons or iconography.
Questions about #ba52ea
What is #ba52ea in RGB, HSL and CMYK?
In RGB, #ba52ea is rgb(186, 82, 234), in HSL hsl(281, 78%, 62%) and in CMYK 21%, 65%, 0%, 8%.
How can I effectively use #ba52ea in a UI design?
#ba52ea works best as a deliberate, high-impact accent color rather than a primary background shade. Because of its extreme saturation, apply it sparingly to call-to-action buttons or interface icons where you need to draw the user's eye immediately.
What colors pair well with the intense #ba52ea purple?
Pair #ba52ea with deep, neutral grays or charcoal to ground its high energy and improve readability. These dark neutrals provide the necessary contrast to stabilize the vividness of the purple, preventing it from overwhelming your overall layout design.
Is #ba52ea readable on white or black?
#ba52ea has a 3.83:1 contrast ratio on white and 5.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.