Blood Donor

#ea1822

Calm, donation-red orange for urgent-but-balanced UI

Save
Share

About Blood Donor

Blood Donor sits between the heat of Breath of and the precision of , but it's neither one. It's slightly less saturated than both, which means it lands with presence without the physical urgency that makes those two so demanding. There's a steadiness to it that doesn't come from coolness, it comes from a tone that's genuinely centered, not hedging its bets.

You'll reach for it in healthcare interfaces, donation campaigns, and safety systems where red needs to feel trustworthy rather than alarming. Donation buttons on medical platforms, consent flows, critical alerts in apps where panic helps no one. It works against white without charging forward, sits against dark backgrounds without disappearing, pairs with warm grays without tipping into aggression. The red that actually gets used instead of debated.

Pair it with cooler neutrals and it reads professional. Pair it with warmer tones and it still holds its ground, it doesn't soften the way does, but it doesn't fight back the way Breath of does either. That restraint is the whole point.

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

On Gray 100 #f5f5f5

Aa
4.14:1FailAA Large

On Gray 900 #18181b

Aa
3.92:1FailAA Large

On Black #000000

Aa
4.65: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

#e62020
#ec0003
#ee0000

Create a gradient with Blood Donor

Open the generator with this color pre-loaded.

Start creating