Devil’s Advocate
#ff3344
Softer red-orange for cautions, not hotspots
About Devil’s Advocate
This shade looks like a red-orange flare you pulled down off a streetlight, then let sit just long enough to lose some of the panic. Devil's Advocate is darker and more saturated than Hotspot, so it hits with weight instead of surface heat. But it's also not as pink-leaning as Hotter Than Hell, so the orange stays clearly in front, not drifting toward near-crimson.
I'd use it for places where urgency needs tone control: dashboards for live ops, fraud or payments risk banners, and order status tiles in retail and quick-serve apps. It reads like the one you reach for when a CTA must feel urgent without sounding like a fault. In video thumbnails and sports live updates, it lands as "pay attention now," not "this is already failing." Pair it with charcoal or cool grays so the shade stays clean, not burny on 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.