Razzle Dazzle
#ba417b
Mid-tone fuchsia-red for subtle, layered UI emphasis
About Razzle Dazzle
Razzle Dazzle looks like a bright magenta-red note you catch on a label when the lighting is a little too strong. It's not the mauve-soft middle like Mauve It, and it's not the cleaner, rose-forward balance of Hibiscus. Compared with Dark Pink, it stays higher in lightness, so it feels more playful and less dialed-in for seriousness.
I use it when I want red energy without going fully alarm. Think fintech push notifications, creator tools where "publish" needs to feel decisive, and e-commerce media tiles that sit alongside brand tones and need a quick hit of direction. It reads more saturated and slightly cooler than the warmer red neighbor, so it keeps its edge even when the surrounding UI is busy.
Pair it with cool grays or crisp whites. Warm creams can pull it toward a pink tint fast, and then you lose that crisp magenta-leaning punch.
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.
