Neon Purple
#bc13fe
Light neon violet with cool electric restraint
About Neon Purple
Drop Neon Purple onto a dark mock and it reads like a bright, almost electric highlight rather than a deep purple. It's lighter than Cosmic Heart, so it doesn't feel heavy, and it stays more high-energy than Orion Nebula without drifting into Magento's magenta warmth. The undertone is distinctly purple, not blue, and not grape-candy cool.
I reach for it when the UI needs instant attention with a precise edge: dashboards and finance apps callouts, validation and status pills, step progress indicators, and selected-state rings on media controls. In streaming and creator tools, it's great for playhead emphasis, channel badges, and motion accents where you want the purple to pop but still look like part of the system.
One quirk: because it's already light, it can overpower nearby violets if you stack multiple purples close together. I usually give it breathing room or pair it with restrained grays and a softer secondary purple.
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.