Angry Tomato

#d82029

Richer orange-red heat for aggressive emphasis and UI

Save
Share

About Angry Tomato

Angry Tomato is the red that reads as injury before appetite. It's darker and less saturated than , which means it doesn't have that straightforward heat or the hunger-appeal. It's also cooler than , less ideological, more visceral. This one lands somewhere between warning and wound, the kind of red that feels immediate without needing context to justify itself.

You reach for it in healthcare, safety systems, and editorial work where red needs weight without aggression. Error states, alert badges, magazine covers about crisis or consequence. Danger signage where the threat is real but not performative. It holds against white without dominating the page, and against dark backgrounds it doesn't turn siren or fade, it just sits there, undeniable. Unlike Cosmic Red's cool modernity, this feels more grounded, more physical.

The thing to watch: it can read slightly desaturated depending on what surrounds it, which is actually an asset if you're pairing it with complex compositions. Put it next to black and it gets heavier, not louder. That's the trade-off for the restraint.

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
5.05:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.63:1AAAAA Large

On Gray 900 #18181b

Aa
3.51:1FailAA Large

On Black #000000

Aa
4.16:1FailAA 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

Create a gradient with Angry Tomato

Open the generator with this color pre-loaded.

Start creating