Fuchsia
#FF00FF
Fuchsia is a pink tone at #FF00FF. It sits at 300 degrees on the color wheel with 100% saturation and 50% lightness, and CSS also accepts it as magenta.
Color values
Tints and shades
Tints mix Fuchsia with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.
Tint 80%
#FFCCFF
Tint 60%
#FF99FF
Tint 40%
#FF66FF
Tint 20%
#FF33FF
Base
#FF00FF
Shade 20%
#CC00CC
Shade 40%
#990099
Shade 60%
#660066
Shade 80%
#330033
Accessibility
On white
Sample text
3.14:1
Large text only
On black
Sample text
6.7:1
Passes AA for body text
Check a specific pairing in the contrast checker.
Other pink colors
Frequently asked
- What is the hex code for Fuchsia?
- The hex code for Fuchsia is #FF00FF. In RGB that is rgb(255, 0, 255), and in HSL it is hsl(300, 100%, 50%).
- What RGB values make Fuchsia?
- Fuchsia is 255 red, 0 green, and 255 blue, written as rgb(255, 0, 255).
- Is Fuchsia readable as text on a white background?
- Fuchsia scores 3.14:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
- Is Fuchsia a valid CSS color name?
- Yes. You can write color: fuchsia directly in CSS, which every browser resolves to #FF00FF.