Fashion Fuchsia

Meet Fashion Fuchsia (#F400A1), a color that refuses to be ignored. This intensely saturated magenta grabs attention with its electric vibrancy, sitting squarely between pink and purple. It's a statement hue that brings a potent charge to any designer's palette.

What color is Fashion Fuchsia?

What is the meaning of Fashion Fuchsia?

How do I use Fashion Fuchsia (#F400A1) in UI design?

Using Fashion Fuchsia color codes

Fashion Fuchsia

#F400A1

Access our full UI & UX library today.

What color is Fashion Fuchsia?

What is the meaning of Fashion Fuchsia?

How do I use Fashion Fuchsia (#F400A1) in UI design?

Using Fashion Fuchsia color codes

Fashion Fuchsia Code Conversions

HEX

#F400A1

LAB

54, 85, -17

RGB

244, 0, 161

XYZ

43.7, 21.8, 35.6

HSL

320°, 100%, 48%

LCH

54, 87, 348°

HSB

320°, 100%, 96%

LUV

54, 118, -40

CMYK

0, 100, 34, 4

CMYK

0, 100, 34, 4

HWB

320°, 0%, 4%

Fashion Fuchsia Color Harmonies

Analogous

Analogous colors sit next to each other on the color wheel. With Fashion Fuchsia, these neighboring hues produce a cohesive and tranquil visual palette.

#CD00F4

#F400A1

#F40027

#CD00F4

#F400A1

#F40027

Complementary

Complementary colors sit opposite each other on the color wheel, creating a vibrant pairing that makes a color like Fashion Fuchsia pop.

#F400A1

#00F453

#F400A1

#00F453

Split Complementary

A split complementary palette uses the two colors bordering Fashion Fuchsia's opposite, creating a vibrant, balanced look with less direct tension.

#F400A1

#27F400

#00F4CD

#F400A1

#27F400

#00F4CD

Triadic

A triadic scheme pairs Fashion Fuchsia with two other colors, all equally spaced on the color wheel, for a vibrant and balanced high-contrast effect.

#F400A1

#A1F400

#00A1F4

#F400A1

#A1F400

#00A1F4

Tetradic

Tetradic schemes use two complementary color pairs. With Fashion Fuchsia, this creates a rich, balanced palette perfect for building striking user interfaces.

#F400A1

#F4CD00

#00F453

#0027F4

#F400A1

#F4CD00

#00F453

#0027F4

Square

A square scheme features four colors equally spaced on the color wheel. This method gives Fashion Fuchsia a set of rich, contrasting companion colors.

#F400A1

#F4CD00

#00F453

#0027F4

#F400A1

#F4CD00

#00F453

#0027F4

Fashion Fuchsia Contrast Simulation

Text Color

#

Background Color

#

5.36

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

5.36

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Fashion Fuchsia Color Variations

Shades

Shades are darker variants of Fashion Fuchsia, created by adding black for more depth and gravity.

#F400A1

#D1008A

#AE0073

#8B005C

#690045

#46002E

#230017

#000000

#F400A1

#D1008A

#AE0073

#8B005C

#690045

#46002E

#230017

#000000

Tints

Tints of Fashion Fuchsia are created by adding white, resulting in softer, less saturated variations.

#F400A1

#F624AE

#F749BC

#F96DC9

#FA92D7

#FCB6E4

#FDDBF2

#FFFFFF

#F400A1

#F624AE

#F749BC

#F96DC9

#FA92D7

#FCB6E4

#FDDBF2

#FFFFFF

Tones

Tones are created by mixing Fashion Fuchsia with gray, which softens its saturation for subtlety.

#F400A1

#E3129C

#D32598

#C23793

#B2498E

#A15B89

#916E85

#808080

#F400A1

#E3129C

#D32598

#C23793

#B2498E

#A15B89

#916E85

#808080

Hues

Hues are variations of Fashion Fuchsia, differing in intensity and temperature to create unique moods.

#F400A1

#F41600

#F4CD00

#64F400

#00F453

#00DEF4

#0027F4

#9000F4

#F400A1

#F41600

#F4CD00

#64F400

#00F453

#00DEF4

#0027F4

#9000F4

What Interfaces Use Colors Like Fashion Fuchsia?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox