Ruby Fire
#f20769
Hot ruby magenta red for urgent accents
About Ruby Fire
Ruby Fire reads like a fresh lick of red paint under daylight lamps, not a magenta wobble and not stoplight syrup. It's hotter than Borderline Pink, with a firmer red core that stays red instead of drifting toward pink-red ambiguity. Compared to Pure Pleasure, it feels more assertive and less perfectly centered, like it has more punch in the midtones and a slightly tighter edge.
I'd use Ruby Fire for product alerts and notification badges where you need fast recognition without sliding into the fuchsia lane. In health interface warnings, it reads urgent, but it doesn't feel as aggressively heated as the more intense options in the family. It's also a solid choice for clinician and admin queues in EMR-style workflows, and for fintech surfaces where you want the callout to land cleanly in red. This is the one I reach for when the message should be unmistakably red, not pink-leaning, and not mellowed out.
Pair it with neutral grays or deep near-blacks so it stays crisp; on heavy creams it can look louder than you expect, so test that combo early.
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.