Rare Red
#dd1133
Bright orange-red with a clean, punchy glow
About Rare Red
Rare Red looks like fresh paint on a red label that's been kept out of the sun. It's a straight, high-saturation red-orange that hits with momentum, not the more settled warmth of Incubation Red and not the brighter, slightly orange-tilted punch of Red-Handed. Compared with Lollipop, it feels heavier and less candy-sparkly, more "button-red" than "promo-red."
For UI, I like it on commerce and streaming surfaces where you need attention fast without drifting into wound-cold territory. It's strong for payment confirmations, shipping status calls, and bold link states in e-commerce and logistics dashboards. Use it for tags, alerts, and high-priority CTAs when you want urgency that reads crisp, the one you reach for when the action needs clarity, and buttons that stay loud against light backgrounds.
Pair it with soft neutrals or cool charcoal to keep it from getting too loud next to other orange-red accents; if you stack it beside the more muted reds, it'll be the first thing your eye latches onto.
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.