Fandango

#b53389

Quirky midtone fuchsia-magenta for playful, calmer contrast

Save
Share

About Fandango

Fandango looks like a saturated magenta-pink with a little more bite than the mauves around it, but it never turns syrupy. Compared with , it's clearer and more forward, so it doesn't feel restrained. Compared with , it's less "neon-cool" and more velvety in the midtones, so it reads plush instead of sharp.

I use this shade as the one you reach for when you need a confident pink action or brand accent without drifting into bruise-purple or overly loud fuchsia. It shows up well in music and media apps (play states, badges, timeline ticks), creator tools (recording/selection states), and product UI for primary buttons where you want momentum on mid-tone panels. It also holds up better than when the layout is dense, because it stays punchy rather than inkier.

Pair it with charcoal, deep teal, or warm neutrals. On very light surfaces it can get heavy, so give it breathing room and darker typography behind it.

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

On Gray 100 #f5f5f5

Aa
5.07:1AAAAA Large

On Gray 900 #18181b

Aa
3.21:1FailAA Large

On Black #000000

Aa
3.80: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 Fandango

Open the generator with this color pre-loaded.

Start creating