Explosive Purple
#cc11bb
Hot magenta-purple punch for bold, not soft
About Explosive Purple
It looks like a magenta that got pulled toward a real bruise of purple. Explosive Purple has that high-impact punch, but it's not the colder blueshifted behavior of Awkward Purple, and it doesn't back off into Amora's quieter, less saturated midrange. Compared to Aphroditean Fuchsia, it stays more consistently purple-forward, with a tighter undertone and less "neutral room" inside the color.
This is the one you reach for when you need a primary accent that reads clearly over dark UI without turning clinical. Think creator tools for music and video timelines, campaign headers in media sites, and bold state colors for hover, focus, and selected chips in dashboards. It behaves well for charts and cards too, where overlay accents need to pop without the harshness you'd get from the cooler-pink side of the family. I'd treat it as secondary-to-primary energy, not a background wash.
Quirk: on warm grays it can look a bit syrupy, so I like pairing it with crisp cyans or clean charcoal, and letting it breathe next to off-whites.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.