Red Inferno
#bb1e1e
Hot, deep crimson for high-contrast alerts
About Red Inferno
On my mockups, Red Inferno looks like the moment a deep red catches a little orange heat, but it stays tighter and more aggressive than the warmer, friendlier reds nearby. Compared to Red Carpet, it's less runway-polished and more intense at the center, with less "loud but controlled" bounce. Compared to Heartwarming, it doesn't open up into approachability, it holds its punch and reads more urgent. And next to Bloodshed, it's not as heavy and flat, it feels quicker and more ignited rather than weighty.
I use Red Inferno when the UI needs an unmistakable red-hot attention without sliding into wine or into soft coral. Great for dashboards and finance apps callouts that must feel immediate (limits reached, risk flags, failed payments), plus retail promos where the CTA label can't look friendly. It also works in thumbnail systems for entertainment and ticketing, where you want fast scanning contrast on dark and mid-tone surfaces.
Pair it with charcoal, ink blue, or cool grays so the orange undertone doesn't start to feel too "sunburn" against warm creams.
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.
