Amor

#ee3377

Darker magenta-red warmth for striking focus blocks

Save
Share

About Amor

Amor sits in that middle ground where you're not whisper-quiet anymore but you're also not demanding the entire room. It's deeper and more saturated than , the kind of color that works harder than it looks because it's got actual weight to it. Next to it reads cooler, less urgent. Next to it's the one that doesn't push quite as hard toward magenta. It's a solid red that knows what it's doing.

Use it in dashboards, health platforms, and design systems where you need an alert or status indicator that lands without feeling alarmist. It works in fintech interfaces, notification badges, secondary action states, anywhere starts to feel too gentle and feels like overkill. The saturation keeps it sharp at small scales. It reads as serious but not panicked, which is a harder balance to hit than it sounds.

Against cool grays it stays true and modern. Warm backgrounds will shift it slightly toward pink, same caveat as the rest of this family, so test it early if you're near cream or beige. The real difference is the weight and restraint, this is the version that doesn't need everyone looking at it immediately.

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
3.91:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.58:1FailAA Large

On Gray 900 #18181b

Aa
4.53:1AAAAA Large

On Black #000000

Aa
5.38:1AAAAA 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 Amor

Open the generator with this color pre-loaded.

Start creating