Magenta color codes

Magenta is the vivid purple-pink of the CMYK M ink and of screen #FF00FF. Named magentas, fuchsias and deep berry shades follow.

CSS magenta keywords

In CSS, magenta and fuchsia are the same color, #FF00FF.

CSSAa 7.43:1

violet #EE82EE RGB 238, 130, 238
CSSAa 5.96:1

orchid #DA70D6 RGB 218, 112, 214
CSSAa 5.49:1

magenta #FF00FF RGB 255, 0, 255
CSSAa 4.73:1

deeppink #FF1493 RGB 255, 20, 147
CSSAa 4.36:1

mediumorchid #BA55D3 RGB 186, 85, 211
CSSAa 5.42:1

mediumvioletred #C71585 RGB 199, 21, 133
CSSAa 8.49:1

darkmagenta #8B008B RGB 139, 0, 139

Named magentas and fuchsias

All of these are called magenta or fuchsia.

Aa 5.74:1

Dynamic Magenta #8A547F RGB 138, 84, 127
Aa 6.40:1

Foxy Fuchsia #9F00C5 RGB 159, 0, 197
Aa 6.20:1

Festival Fuchsia #AA2F78 RGB 170, 47, 120
Aa 6.41:1

Magneto’s Magenta #AA1D8E RGB 170, 29, 142
Aa 6.38:1

Murderous Magenta #B3205F RGB 179, 32, 95
Aa 6.57:1

Dull Magenta #8D4856 RGB 141, 72, 86
Aa 6.87:1

Magenta Red #913977 RGB 145, 57, 119
Aa 6.82:1

Ancient Magenta #953D55 RGB 149, 61, 85
Aa 6.87:1

Magic Magenta #7F4774 RGB 127, 71, 116
Aa 7.33:1

Forward Fuchsia #92345B RGB 146, 52, 91
Aa 7.45:1

Beetiful Magenta #90306A RGB 144, 48, 106
Aa 7.90:1

Deep Magenta #A0025C RGB 160, 2, 92
Aa 8.41:1

Magenta Red Lips #62416D RGB 98, 65, 109
Aa 9.41:1

Magenta Purple #762A54 RGB 118, 42, 84
Aa 9.96:1

Brown Magenta #7B2039 RGB 123, 32, 57
Aa 16.53:1

Blaze It Dark Magenta #420420 RGB 66, 4, 32

Deep magenta and berry

Aa 6.85:1

Warm Purple #952E8F RGB 149, 46, 143
Aa 7.05:1

Katy Berry #AA0077 RGB 170, 0, 119
Aa 7.96:1

Pleasure #80385C RGB 128, 56, 92
Aa 8.40:1

Noble Plum #871F78 RGB 135, 31, 120
Aa 9.81:1

Ultraberry #770088 RGB 119, 0, 136
Aa 9.41:1

Wineberry #663366 RGB 102, 51, 102
Aa 10.99:1

Velvet #750851 RGB 117, 8, 81
Aa 13.83:1

Cloak and Dagger #550055 RGB 85, 0, 85
Aa 16.77:1

Dark Sanctuary #3F012C RGB 63, 1, 44
Aa 16.84:1

Dark Purple #35063E RGB 53, 6, 62

Palette idea: light to dark

LightestAa 7.43:1

violet #EE82EE RGB 238, 130, 238
LightAa 6.20:1

Festival Fuchsia #AA2F78 RGB 170, 47, 120
MidAa 6.87:1

Magic Magenta #7F4774 RGB 127, 71, 116
DeepAa 9.81:1

Ultraberry #770088 RGB 119, 0, 136
DarkestAa 16.84:1

Dark Purple #35063E RGB 53, 6, 62

Palette idea: with neutrals

BackgroundAa 16.11:1

Warm white #FAF7F2 RGB 250, 247, 242
SurfaceAa 5.42:1

mediumvioletred #C71585 RGB 199, 21, 133
MainAa 6.87:1

Magic Magenta #7F4774 RGB 127, 71, 116
DeepAa 9.96:1

Brown Magenta #7B2039 RGB 123, 32, 57
TextAa 16.81:1

Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

LightAa 4.73:1

deeppink #FF1493 RGB 255, 20, 147
MainAa 6.87:1

Magic Magenta #7F4774 RGB 127, 71, 116
DarkAa 13.83:1

Cloak and Dagger #550055 RGB 85, 0, 85
AccentAa 5.74:1

Complement #2C7349 RGB 44, 115, 73
BaseAa 15.53:1

Off-white #F5F3EE RGB 245, 243, 238

A battlefield name

Magenta was named after the Battle of Magenta in Italy in 1859, the year a new synthetic dye in this color appeared. On screens, magenta and fuchsia are the same CSS color, #FF00FF: full red and blue, no green.

Magenta, fuchsia and hot pink

Magenta in print (the M in CMYK) is pinker than screen magenta.
Fuchsia is often used for a slightly pinker magenta.
Hot pink is lighter and less purple.

Styling magenta

Magenta is bold and energetic. It pairs well with black, white, navy, lime and teal. Use it as an accent rather than a background.

On screen

Screen magenta passes AA with black text but not with white at normal size, so check pairs in the contrast checker. For neighbors, see shades of pink, neon colors and bright colors.