Guns N’ Roses
#ff0077
Hot hot-pink red for punchy, graphic accents
About Guns N’ Roses
On a dark UI mock, Guns N' Roses reads like a straight-up punch of red that refuses to go full pink. It's more saturated than the red-to-fuchsia neighbors, but it still holds a cleaner, red-forward undertone instead of sliding into Berry Blast's magenta edge or Cyberpink's cooler, screen alert flavor. Compared to Fancy Fuchsia, it stays decisively red at the center, not "grown-up pink."
I reach for it when you need a bold CTA that feels urgent without turning into the fuchsia-heavy look that steals attention from the rest of the layout. It works great in dashboards and finance apps for primary action buttons, payment confirmations, and status chips, and it holds up in retail and healthcare interfaces where you want "do this now" clarity. Motion teams also like it for hard-edged emphasis on transitions and micro-interactions because it doesn't wash into orange or go overly pink under quick easing.
Quick pairing note: on warm off-whites, it stays red enough, but next to near-neon pinks it can feel more grounded and less flashy.
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.