Flamboyant

#f73d37

Hot orange-red for high-attention alerts and data

Save
Share

About Flamboyant

Flamboyant is the orange-red you notice first on a hot traffic sign, but it doesn't feel frantic. It lands with a bright, clear punch that's more light-levered than 's snap and less red-heavy than Devil's Advocate's urgency. I see it as a higher-energy tone that keeps its orange identity instead of drifting toward pink.

I use it for alerts that need to pop fast and for callouts in dashboards and payments flows, especially when you want urgency without the darker oranges carrying emotional weight. It also works in retail and quick-serve apps for "active now" states, like a live order banner or pressed filter chips, where the shade stays readable over mixed UI content.

One quirk: on very dark navy it can look a touch more theatrical than intended, so I usually pair it with warm grays or off-whites to keep the mood controlled. the one you reach for when you want orange momentum, not ember heat.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.70:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.39:1FailAA Large

On Gray 900 #18181b

Aa
4.79:1AAAAA Large

On Black #000000

Aa
5.68:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#ff3333
#ff4040
#ee4433
#ff4433
#ef4026

Create a gradient with Flamboyant

Open the generator with this color pre-loaded.

Start creating