Purple color

Fuchsia #FF00FF

#FF00FF · rgb(255, 0, 255)

Fuchsia is the color #FF00FF. In RGB it is rgb(255, 0, 255) — 100% red, 0% green and 100% blue. Its CMYK breakdown is 0% cyan, 100% magenta, 0% yellow and 0% black, and in HSL it sits at 300° hue, 100% saturation and 50% lightness. Fuchsia is one of the 140 standard CSS / HTML color names, so color: fuchsia works in CSS. The closest web-safe color is #FF00FF.

Open in color picker Convert Make a palette Check contrast

Fuchsia color codes

Hex#FF00FF

RGBrgb(255, 0, 255)

RGB %100%, 0%, 100%

HSLhsl(300, 100%, 50%)

HSV / HSBhsv(300, 100%, 100%)

CMYKcmyk(0%, 100%, 0%, 0%)

OKLCHoklch(70% 0.322 328)

Closest web-safe#FF00FF

Fuchsia color meaning

Fuchsia is a bold and energetic purple — a cool color at 50% lightness and 100% saturation. Like other purples, it is linked with creativity, luxury and imagination. Rare and expensive to dye for most of history, it still suggests royalty, mystery and individuality.

Because it is bold and energetic, fuchsia works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (3.1:1), so use it for fills and backgrounds and put black text on top (6.7:1).

What colors go with Fuchsia?

Fuchsia pairs well with Lime, Blue Violet, Rose and Linen: Lime sits close to its opposite on the color wheel for strong contrast, Blue Violet and Rose are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around fuchsia in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Fuchsia at a glance

Color family	Purple · cool, bold and energetic
CSS color name	Yes — `fuchsia` works in CSS
As text on white	3.14:1 — large text only
Best text on it	Black (6.70:1)
For print (CMYK)	0% cyan, 100% magenta, 0% yellow, 0% black
Full screen	Open the fuchsia screen — fill your display or download it in 4K

Contrast

Contrast ratio of Fuchsia against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 3.14:1 Black text — 6.70:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Fuchsia

Fuchsia color FAQ

What is the hex code for Fuchsia?

Fuchsia is #FF00FF, which is rgb(255, 0, 255) and hsl(300, 100%, 50%). For print it is roughly C0 M100 Y0 K0.

What colors go with Fuchsia?

Fuchsia pairs well with Lime, Blue Violet, Rose, Linen. Lime gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Fuchsia a warm or cool color?

Fuchsia is a cool color: its hue is 300°, on the green, blue and violet side of the color wheel.

What text color looks best on Fuchsia?

Black text, with a contrast ratio of 6.7:1, which meets WCAG AA for normal text.