fuchsia — #FF00FF
#FF00FF
rgb(255, 0, 255) · hsl(300, 100%, 50%) · CSS keyword fuchsia
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| fuchsia on white | 3.14:1 | — | AA |
| fuchsia on black | 6.7:1 | AA | AA |
As a background, fuchsia takes black text: 6.7:1 against 3.14:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Where the name comes from
Named after the flower, which was named after Leonhart Fuchs, a sixteenth-century German botanist. In CSS it is the same colour as magenta, byte for byte.
Using it
color: fuchsia;
color: #ff00ff;
color: rgb(255 0 255);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to fuchsia
- magenta — #FF00FF
- deeppink — #FF1493
- mediumvioletred — #C71585
- darkviolet — #9400D3
- crimson — #DC143C
- darkorchid — #9932CC
Frequently asked questions
What is the hex code for fuchsia?
The hex code for fuchsia is #FF00FF — RGB 255, 0, 255.
Can I use fuchsia for text?
Only for large text. fuchsia reaches 3.14:1 against white — enough for the 3:1 of headings at 24px or 18.5px bold, short of the 4.5:1 body text needs.
Should text on fuchsia be black or white?
Black — 6.7:1 against 3.14:1 the other way.
Other named colours
- gainsboro — #DCDCDC
- ghostwhite — #F8F8FF
- gold — #FFD700
- goldenrod — #DAA520
- gray — #808080
- green — #008000
- greenyellow — #ADFF2F
- honeydew — #F0FFF0
- hotpink — #FF69B4
- indianred — #CD5C5C
- indigo — #4B0082
- ivory — #FFFFF0
#FF00FF in full — tints, shades and harmonies · All named colours · Colour reference