#BA58C9 Hex Color
A high energy saturated violet hue
This saturated violet commands attention in any digital interface. Because of its intensity, #ba58c9 functions best as a striking accent for buttons or calls to action rather than a dominant background. It pairs effectively with deep charcoal, where black text remains legible for optimal accessibility. Designers seeking a bold, electric aesthetic can utilize the hex code #ba58c9 to inject energy into modern, clean layouts.
Questions about #ba58c9
What is #ba58c9 in RGB, HSL and CMYK?
In RGB, #ba58c9 is rgb(186, 88, 201), in HSL hsl(292, 51%, 57%) and in CMYK 7%, 56%, 0%, 21%.
Where should I use the #ba58c9 violet in a UI design?
This saturated violet functions best as a high-contrast accent color for buttons, notification badges, or call-to-action elements. Because of its intensity, it is generally too overwhelming for large backgrounds, so keep it focused on interactive components.
Is #ba58c9 readable on white or black?
#ba58c9 has a 3.94:1 contrast ratio on white and 5.32: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.