Vampire Fangs

#cc2255

Dark magenta-red bite for moody highlights

Save
Share

About Vampire Fangs

Vampire Fangs looks like a deep, clean red that's been sharpened by a magenta edge, not watered into pink and not softened into candy. Compared with , it doesn't carry that fresh wet sheen or the rosy pull. Compared with and , it holds onto a more decisive, less "frosted" intensity, so it reads stricter on the page even though it still feels slightly theatrical.

I use it for the "stop and look now" moments where the UI needs urgency with a tighter, clearer signal. Think fintech fraud queues, telecom identity verification hard-fail banners, and logistics admin screens that show record rejected states and required action prompts. It's also great for media galleries in e-commerce when you need a flagged thumbnail border or badge that stays legible without turning the whole list into a warning wall. Pair it with cool grays or off-whites so it doesn't drift toward the sweeter side.

If your background is already warm, this shade can feel a touch more intense than you expect, so test it against your real panels, not just white mockups.

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

On Gray 100 #f5f5f5

Aa
4.90:1AAAAA Large

On Gray 900 #18181b

Aa
3.31:1FailAA Large

On Black #000000

Aa
3.93: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 Vampire Fangs

Open the generator with this color pre-loaded.

Start creating