Pink family
Fuchsia color
A light, vivid pink with cool undertones. The reference fuchsia is #FF00FF, as defined by the CSS named color.
| HEX | #FF00FF | |
|---|---|---|
| RGB | rgb(255, 0, 255) | |
| HSL | hsl(300, 100%, 50%) | |
| HSV | hsv(300, 100%, 100%) | |
| OKLCH | oklch(70.2% 0.322 328.4) | |
| CMYK* | 0, 100, 0, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is fuchsia?
Fuchsia is a vivid purplish pink named after the fuchsia flower, which itself honours the botanist Leonhart Fuchs. In CSS, fuchsia and magenta are the same colour, #FF00FF. The xkcd survey fuchsia is slightly darker and more purple.
Fuchsia hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of fuchsia in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Fuchsia | #FF00FF | CSS named color | Reference shown on this page |
| Fuchsia | #ED0DD9 | xkcd Color Survey | Noticeably different · 75% similar |
| Fuchsia | #ED0DD9 | Color Names (meodai) | Noticeably different · 75% similar |
Fuchsia vs Hot Pink
#FF00FF
#FF69B4
Hot pink is lighter and less purple; fuchsia is more intense. In numbers: the two are 34% similar (OKLab distance 0.165). See Hot Pink for its own codes.
Colors similar to fuchsia
The closest named colors to #FF00FF across all three sources, with their similarity in OKLab.
Tints and shades of fuchsia
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with fuchsia
Classic color-wheel combinations built on #FF00FF, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Fuchsia with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a fuchsia background, black text is the better choice.
Use fuchsia in CSS
.fuchsia {
color: #FF00FF;
/* or */ color: rgb(255 0 255);
/* or */ color: hsl(300 100% 50%);
/* or */ color: oklch(70.2% 0.322 328.4);
/* CSS keyword */ color: fuchsia;
}