Color Palettes

Fuchsia color

Named after the fuchsia flower, which in turn honors botanist Leonhart Fuchs. It's a very intense, purplish pink. It's common in summer fashion, lipsticks and youthful brands.

Also known as: fuchsia pink.

Fuchsia · #F400A1

About fuchsia

Fuchsia (#F400A1) is a balanced, mid-tone, highly saturated color. It belongs to the pinks family. It mixes 244 red, 0 green and 161 blue (out of 255). It is mostly used in fashion, makeup, branding.

Fuchsia shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with fuchsia

BlackA strong, elegant contrast.WhiteFresh and clean.GrayCalms fuchsia without dulling it.Navy blueA deep, sophisticated contrast.OrangeA vibrant, very summery mix.Emerald greenA jewel-tone contrast.BeigeA warm base that softens it.TurquoiseA cheerful, tropical pair.
How to wear and decorate with fuchsia →

Fuchsia color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Neon green
AnalogousClose to: Magenta, Red
TriadicClose to: Lime green, French blue
Split complementaryClose to: Neon green, Aquamarine
TetradicClose to: Gold, Neon green, Blue

Fuchsia color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Fuchsia
Analogous palette · Fuchsia
Complementary palette · Fuchsia
Triadic palette · Fuchsia
With neutrals palette · Fuchsia
With an accent palette · Fuchsia

Fuchsia contrast with text

White textContrast 3.9:1 · AA large text
Black textContrast 5.4:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --fuchsia: #F400A1;
  --fuchsia-rgb: 244, 0, 161;
}
.bg { background-color: var(--fuchsia); }
.text { color: var(--fuchsia); }

Colors similar to fuchsia

Deep pinkMexican pinkNeon pinkHot pinkOrchidRaspberryBlush pinkPurpleMagentaPlum

Themed palettes with this color

Neon color palettes

More pinks

PinkDusty pinkOld roseMagentaHot pinkMexican pinkPastel pinkBaby pinkDeep pinkRaspberryRose quartzRose goldBlush pinkFlamingo pinkNeon pinkDusty rose

Frequently asked questions

What is the hex code for fuchsia?

The hex code for fuchsia is #F400A1. In RGB it is rgb(244, 0, 161), in HSL hsl(320, 100%, 48%) and in CMYK 0, 100, 34, 4.

What is the complementary color of fuchsia?

Its complement on the color wheel is #00F453, close to neon green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on fuchsia?

Use black text instead: the contrast with white is only 3.9:1, while with black it is 5.4:1.

What colors go with fuchsia?

It pairs well with black, white, gray, navy blue, orange. Avoid pairing it with red or pale pink, because they compete or look messy. Lots of fuchsia with another intense color can tire the eye.