Ruby Fire

#f20769

Hot ruby magenta red for urgent accents

Save
Share

About Ruby Fire

Ruby Fire reads like a fresh lick of red paint under daylight lamps, not a magenta wobble and not stoplight syrup. It's hotter than , with a firmer red core that stays red instead of drifting toward pink-red ambiguity. Compared to , it feels more assertive and less perfectly centered, like it has more punch in the midtones and a slightly tighter edge.

I'd use Ruby Fire for product alerts and notification badges where you need fast recognition without sliding into the fuchsia lane. In health interface warnings, it reads urgent, but it doesn't feel as aggressively heated as the more intense options in the family. It's also a solid choice for clinician and admin queues in EMR-style workflows, and for fintech surfaces where you want the callout to land cleanly in red. This is the one I reach for when the message should be unmistakably red, not pink-leaning, and not mellowed out.

Pair it with neutral grays or deep near-blacks so it stays crisp; on heavy creams it can look louder than you expect, so test that combo early.

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
4.19:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.84:1FailAA Large

On Gray 900 #18181b

Aa
4.23:1FailAA Large

On Black #000000

Aa
5.01: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.

Create a gradient with Ruby Fire

Open the generator with this color pre-loaded.

Start creating