Fandango

Meet Fandango (#B53389), a vibrant magenta that commands attention. Its striking character comes from a rich blend of purple and pink, creating a hue that is both bold and sophisticated, making it a memorable choice for any design palette.

Fandango
#B53389
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Fandango?

Fandango is a vibrant, warm purple with pronounced magenta and pink undertones.

Its character comes from a strong red base, giving it a bold quality that separates it from cooler, blue-based purples.

What is the meaning of the color Fandango?

The name Fandango itself hints at its meaning, drawing from the lively Spanish dance. This connection gives the color #B53389 a sense of passion, energy, and celebration.

Psychologically, Fandango is associated with creativity, confidence, and individuality. It's a shade that feels both playful and sophisticated, making a bold statement without being overwhelming.

How is Fandango best used in UI design?

In UI design, Fandango (#B53389) excels as an accent. Apply the 60-30-10 rule, reserving this vibrant hue for that final 10% to highlight key actions like buttons, toggles, and links. It creates a sharp focal point against neutral palettes of charcoal and off-white, or can be paired with a muted teal for a more adventurous combination.

While you might spot similar tones in Instagram's gradient, Fandango itself is not a common choice for primary branding. This rarity presents an opportunity to build a memorable visual identity that immediately stands apart from the crowd.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Fandango in real UI components from top brands.

How do I use Fandango color codes?

While the Fandango HEX code #B53389 is standard for web development, you will often need to convert it for different applications. Translating the HEX value into other color models is a common step when preparing assets for print or adjusting shades for a digital interface.

Each color model serves a specific purpose. RGB (Red, Green, Blue) values define colors for digital screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) is essential for printed materials. Models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to create tints and shades of a base color.

To help you get started, we've converted #B53389 to a range of popular formats. You can find these values below, ready to copy and paste directly into your design tools.

Fandango Code Conversions

HEX
#B53389
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Fandango Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Fandango, they create a harmonious and serene palette, perfect for cohesive designs.

#123456
#123456
#123456

Complementary

To find Fandango's complement, look directly across the color wheel. This pairing produces the strongest possible contrast, making both colors appear more vivid.

#123456
#123456

Split Complementary

A split complementary scheme for Fandango (#B53389) uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#123456
#123456
#123456

Triadic

A triadic scheme uses three colors equidistant on the color wheel. Starting with Fandango, this method produces a balanced yet vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

Tetradic schemes pair Fandango with three other colors, creating two complementary sets that form a rectangle on the color wheel for a rich, balanced look.

#123456
#123456
#123456
#123456

Square

A square color scheme pairs Fandango with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#123456
#123456
#123456
#123456

Fandango Color Variations

Shades

Shades are darker versions of Fandango, made by adding black for a heavier, deeper feel.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter versions of Fandango, created by adding white to soften the hue.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Adding gray to Fandango creates tones, softening its saturation for a more muted appearance.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Fandango, sharing its base color but differing in intensity and temperature.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Fandango?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion