Vampire Fangs
#cc2255
Dark magenta-red bite for moody highlights
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 Love Surge, it doesn't carry that fresh wet sheen or the rosy pull. Compared with Love Juice and Love Potion, 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.
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.