Neon Purple

#8A00C4

What color is Neon Purple?

Neon purple is a vivid, electric violet with a strong blue-lean and high intensity, hex #8A00C4, closer to a blacklight poster than a pastel. The color has a sharp, glowing quality that makes it appear almost lit from within, similar to the color of a UV-reactive iris flower under bright light.

What is the meaning of the color Neon Purple?

Synthetic purple dyes became commercially viable after William Henry Perkin accidentally produced mauveine in London in 1856, opening a market for vivid violet and purple shades that had previously been too expensive for widespread use. Neon variations of purple emerged as a distinct visual category in the mid-20th century, tied to the rise of fluorescent pigments developed by brothers Joe and Bob Switzer in the 1930s and later commercialized under the Day-Glo brand by 1945. The intense, high-voltage quality of neon purple became associated with nightlife, electronic music, and youth culture through the 1980s rave scene in the United Kingdom. The color has since been used as a signature tone by brands in gaming and entertainment, including Twitch, whose brand palette incorporates a near-identical electric purple to anchor platform identity.

RGB
138, 0, 196
HSL
282°, 100%, 38%
CMYK
30, 100, 0, 23
HSV
282°, 100%, 77%
Neon purple color

What colors go with Neon Purple?

Colors that pair well with Neon purple include:
Black: sharp, high-contrast depth
Lime green: bold, energetic clash
White: clean, bright balance
Hot pink: vivid tonal harmony
Deep navy: cool, grounding contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #8A00C4 color: #8A00C4;
RGB 138, 0, 196 color: rgb(138, 0, 196);
RGB Percentage 54%, 0%, 77% color: rgb(54%, 0%, 77%);
CMYK 30%, 100%, 0%, 23% Not supported in CSS
HSL 282°, 100%, 38% color: hsl(282, 100%, 38%);
HSV 282°, 100%, 77% Not supported in CSS
CIE-LAB 30, 28, -65 color: lab(30% 28 -65);
Decimal 9044164 Not supported in CSS

Color Variations

Shades

#8800C2
#7A00AE
#6D009B
#5F0088
#510074
#440061
#36004E
#29003A

Tints

#E3A0FF
#D981FF
#D061FF
#C641FF
#BD22FF
#B302FF
#9E00E1
#8800C2

Tones

#8800C2
#840AB8
#8013AE
#7C1DA5
#78279B
#743091
#703A88
#6D447E

Hues

#8800C2
#C2006B
#C22700
#C2B800
#3AC200
#00C257
#009BC2
#000AC2

Color Harmonies

Analogous

#2700C2
Click to copy
#8A00C4
Click to copy
#C2009B
Click to copy

Complementary

#8A00C4
Click to copy
#3AC200
Click to copy

Split Complementary

#8A00C4
Click to copy
#9BC200
Click to copy
#00C227
Click to copy

Triadic

#8A00C4
Click to copy
#C28800
Click to copy
#00C288
Click to copy

Tetradic

#8A00C4
Click to copy
#C22700
Click to copy
#3AC200
Click to copy
#009BC2
Click to copy

Square

#8A00C4
Click to copy
#C22700
Click to copy
#3AC200
Click to copy
#009BC2
Click to copy

CSS & Dev Snippets

CSS
.neon-purple {
  color: #8A00C4;
}
SCSS
$neon-purple: #8A00C4;
RGB
rgb(138, 0, 196)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags