Neon Rose
High-voltage pink with intense electric energy
Neon Rose is a high-intensity shade with extreme saturation that demands immediate attention. Because it dominates any palette, use #ff0080 sparingly as an accent rather than a background color. It pairs surprisingly well with deep, matte charcoals to temper its electric energy. Since black text provides excellent 5.6:1 contrast, this color remains a practical choice for bold buttons and call to action elements.
About Neon Rose
A signal flare wrapped in petals
What does neon rose mean?
Neon Rose often reads as playful, confident, and attention-seeking, and it commonly carries associations with pop culture, youth, and celebration. Its full saturation and medium lightness give it a loud, forward energy that fills space instead of receding into it.
Where you see neon rose
- bougainvillea blooms
- fluorescent highlighter ink
- neon bar signs
- hot pink lipstick
- glow stick bracelets
- neon party lights
What it works for
Use it for calls to action, sale badges, and packaging that needs to grab the eye from across a store shelf.
What colors go with neon rose?
Chartreuse #c1f80aTwo loud hues at opposite ends of the spectrum push each other harder.Charcoal #36454fNear black absorbs the glare and lets the pink carry all the brightness.Mint #98ff98The cool pale green cools the heat and keeps the mix from overwhelming.Mustard #ffdb58Warm golden yellow shares its warmth while muting the electric edge.Navy #000080Deep blue grounds the brightness and gives the pink real contrast.
Questions about Neon Rose
What is the hex code for Neon Rose?
Neon Rose is #ff0080. In RGB that is rgb(255, 0, 128), in HSL hsl(330, 100%, 50%) and in CMYK 0%, 100%, 50%, 0%.
Why should I use Neon Rose #ff0080 sparingly in my design?
Neon Rose is an extremely high-saturation hue that can easily overwhelm a layout, making it better suited for small accents like buttons. It effectively commands attention in small doses, but applying it as a background often clashes with other page elements.
What colors balance the intensity of Neon Rose?
The best way to ground this electric pink is by pairing it with charcoal or deep, matte grays. These neutral, dark tones absorb the excess energy of the color, creating a sophisticated look that keeps the design readable and balanced.
Is Neon Rose readable on white or black?
Neon Rose has a 3.77:1 contrast ratio on white and 5.56: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.