Magenta Elephant

#de0170

Deep magenta red for bold interface accents

Save
Share

About Magenta Elephant

Magenta Elephant reads like a saturated fuchsia ink mark that landed slightly closer to red than to berry. Compared with , it has more punch and depth, not that airy, almost approachable lightness. Against Framboise, it keeps a cleaner red edge and feels less berry-cool and more decisive. And unlike , it doesn't burn as hot. This one stays in the bright, high-energy lane, with magenta undertones doing the work, not aggression.

I use it in health apps, patient-facing interfaces, and fintech products when the UI needs urgency with boundaries. Think "action required" on care plans, billing status changes, verification steps, and payout hold confirmations that should feel important without tipping into a panic tone. It's the one you reach for when you want a strong accent that still reads controlled.

If your UI leans warm, it can drift toward hot pink at small sizes. Pair it with neutral grays or calm off-whites to keep the undertone from getting too friendly for the message.

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

On Gray 100 #f5f5f5

Aa
4.43:1FailAA Large

On Gray 900 #18181b

Aa
3.67:1FailAA Large

On Black #000000

Aa
4.34: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.

Create a gradient with Magenta Elephant

Open the generator with this color pre-loaded.

Start creating