Fuchsia is a medium, vivid shade in the pink color family, with a warm feel. Its HEX code is #FF00FF, which equals rgb(255, 0, 255) in RGB and hsl(300, 100%, 50%) in HSL. In print terms it converts to roughly C0 M100 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF00FF - RGB
255, 0, 255 - HSL
300°, 100%, 50% - CMYK
0, 100, 0, 0 - Family
Pink - Tone
Medium, vivid
About Fuchsia
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 6.70:1. Its complementary color is #00FF00.
Download Fuchsia as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Fuchsia color codes
| HEX | #FF00FF |
|---|---|
| RGB | rgb(255, 0, 255) |
| HSL | hsl(300, 100%, 50%) |
| HSV | 300°, 100%, 100% |
| CMYK | 0%, 100%, 0%, 0% |
| Decimal | 16711935 |
Shades and tints of Fuchsia
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFD5FF - 100
#FFAAFF - 200
#FF80FF - 300
#FF55FF - 400
#FF2BFF - 500
#FF00FF - 600
#D500D5 - 700
#AA00AA - 800
#800080 - 900
#550055 - 950
#2B002B
Color harmonies for Fuchsia
- Complementary
#00FF00≈ Pure Shamrock - Analogous −30°
#8000FF≈ Pure Violet - Analogous +30°
#FF0080≈ Rose - Triadic +120°
#FFFF00≈ Lemon - Triadic +240°
#00FFFF≈ Pure Teal - Split 150°
#80FF00≈ Chartreuse - Split 210°
#00FF80≈ Spring Green
Contrast and accessibility of Fuchsia
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Fuchsia | Aa | 3.14:1 | AA Large only |
| Black text on Fuchsia | Aa | 6.70:1 | AA (good) |
CSS code for Fuchsia
background-color: #FF00FF;color: #FF00FF;background-color: rgb(255, 0, 255);background-color: hsl(300, 100%, 50%);:root { --color-fuchsia: #FF00FF; }class="bg-[#FF00FF]"Colors similar to Fuchsia
- Pure Fuchsia
#FF00E6 - Pure Orchid
#E500FF - Pure Cerise
#FF00CC - Bright Magenta
#E619E5 - Medium Light Magenta
#FF29FF - Pure Purple
#CC00FF - Medium Light Fuchsia
#FF29EA - Medium Light Orchid
#EA29FF - Medium Dark Magenta
#D600D6 - Bright Fuchsia
#E619D1 - Bright Orchid
#D119E6 - Medium Light Cerise
#FF29D4
More pink shades
- Pink
#FFC0CB - Light Pink
#FFB6C1 - Hot Pink
#FF69B4 - Deep Pink
#FF1493 - Pale Violet Red
#DB7093 - Dark Magenta
#8B008B - Medium Violet Red
#C71585 - Misty Rose
#FFE4E1 - Plum
#DDA0DD - Purple
#800080 - Ruby
#E0115F
Frequently asked questions
What is the HEX code for Fuchsia?
The HEX code for Fuchsia is #FF00FF.
What is the RGB value of Fuchsia?
Fuchsia has an RGB value of 255, 0, 255 (rgb(255, 0, 255)). In HSL it is 300°, 100%, 50%.
What text color should I use on Fuchsia?
Use black text on Fuchsia. White text has a contrast ratio of 3.14:1 and black text has 6.70:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Fuchsia?
The complementary color of Fuchsia is #00FF00. Analogous colors #8000FF and #FF0080 also pair well.