Bloodshed
#ba271a
Dark, high-saturation brick-red for urgent accents
About Bloodshed
Bloodshed is what you get when red goes flat and mean. It's darker than Blood Kiss, less orange than Bloodsport, and it doesn't have Bricky Brick'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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.