Neon Magenta

#FF0090

What color is Neon Magenta?

Neon magenta is a blazing, electric pink-red, hex #FF0090, with enough blue in it to push it away from coral and toward a hot fuchsia. It has the saturated brightness of a bougainvillea flower under direct sunlight.

What is the meaning of the color Neon Magenta?

François-Emmanuel Verguin synthesized the dye fuchsine in 1859, which was renamed magenta that same year after the French victory at the Battle of Magenta in northern Italy. The neon variation emerged as fluorescent dyes became commercially available in the mid-20th century, making colors like this one visible under ultraviolet light. By the 1980s, neon magenta had moved into fashion and graphic design, carried by brands such as Versace who used high-voltage pinks as a signature of maximalist design.

RGB
255, 0, 144
HSL
326°, 100%, 50%
CMYK
0, 100, 44, 0
HSV
326°, 100%, 100%
Neon magenta color

What colors go with Neon Magenta?

Colors that pair well with Neon magenta include:
Black: sharp, high-contrast anchor
Electric blue: bold complementary energy
White: clean, open balance
Lime green: vivid clashing brightness
Deep purple: rich, moody depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF0090 color: #FF0090;
RGB 255, 0, 144 color: rgb(255, 0, 144);
RGB Percentage 100%, 0%, 56% color: rgb(100%, 0%, 56%);
CMYK 0%, 100%, 44%, 0% Not supported in CSS
HSL 326°, 100%, 50% color: hsl(326, 100%, 50%);
HSV 326°, 100%, 100% Not supported in CSS
CIE-LAB 40, 51, -48 color: lab(40% 51 -48);
Decimal 16711824 Not supported in CSS

Color Variations

Shades

#FF0091
#E60082
#CC0074
#B30065
#990057
#800048
#66003A
#4D002B

Tints

#FFB3DE
#FF99D3
#FF80C8
#FF66BD
#FF4DB2
#FF33A7
#FF1A9C
#FF0091

Tones

#FF0091
#F20D8F
#E61A8D
#D9268B
#CC338A
#BF4088
#B34D86
#A65985

Hues

#FF0091
#FF2F00
#FFEE00
#51FF00
#00FF6F
#00D0FF
#0011FF
#AE00FF

Color Harmonies

Analogous

#EE00FF
Click to copy
#FF0090
Click to copy
#FF0011
Click to copy
98%

Complementary

#FF0090
Click to copy
#00FF6F
Click to copy

Split Complementary

#FF0090
Click to copy
#11FF00
Click to copy
100%
#00FFEE
Click to copy

Triadic

#FF0090
Click to copy
#91FF00
Click to copy
#0091FF
Click to copy

Tetradic

#FF0090
Click to copy
#FFEE00
Click to copy
#00FF6F
Click to copy
#0011FF
Click to copy
99%

Square

#FF0090
Click to copy
#FFEE00
Click to copy
#00FF6F
Click to copy
#0011FF
Click to copy
99%

CSS & Dev Snippets

CSS
.neon-magenta {
  color: #FF0090;
}
SCSS
$neon-magenta: #FF0090;
RGB
rgb(255, 0, 144)

Accessibility & Contrast

White background

3.71:1
3.71
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.65:1
5.65
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags