Bloodshed

#ba271a

Dark, high-saturation brick-red for urgent accents

Save
Share

About Bloodshed

Bloodshed is what you get when red goes flat and mean. It's darker than , less orange than , and it doesn't have 's approachability, this one's got an actual edge to it. The saturation drops just enough to feel heavy instead of bright, which means it lands like a statement, not a shout.

Reach for this in alert states, error messages, and critical warnings where you need the user to know something matters without triggering alarm fatigue. Works in healthcare apps flagging urgent results, e-commerce when stock runs low, support tickets that need immediate attention. It reads true on white and doesn't wash out on darker backgrounds the way the brighter reds do. Unlike its neighbors, Bloodshed doesn't soften or perform, it just sits there and does its job.

The catch: it's warm enough to shift on cream or peachy backgrounds, so test early if your palette leans warm. Pair it with charcoal, navy, or true black and it strengthens. Against mid-tone grays it can feel slightly muddy, so keep your backgrounds either light or dark.

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

On Gray 100 #f5f5f5

Aa
5.68:1AAAAA Large

On Gray 900 #18181b

Aa
2.86:1Fail

On Black #000000

Aa
3.39: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 Bloodshed

Open the generator with this color pre-loaded.

Start creating