Electric Purple

#BF00FF

What color is Electric Purple?

Electric purple is a vivid, high-intensity violet with a strong blue lean, hex #BF00FF, brighter and more saturated than most purples seen in everyday life. It has the boldness of a neon sign, with a cool glow that makes it appear almost luminous against dark backgrounds. The color is close to the shade of a glowing black-light poster.

What is the meaning of the color Electric Purple?

Electric purple entered common use alongside the rise of neon and fluorescent color technology in the mid-20th century, when synthetic dyes and UV-reactive pigments made such intense purples reproducible for the first time. Purple at this level of saturation had historically been difficult and expensive to produce — natural violet dyes faded quickly, and even the synthetic mauveine discovered by William Perkin in 1856 was far duller by comparison. The name electric reflects the artificial, high-voltage quality of the color, linking it to the visual language of electricity, stage lighting, and early electronic displays. Jimi Hendrix’s 1967 song Purple Haze helped anchor this shade culturally to psychedelic and rock aesthetics, and the color has since been used by Prince, whose 1984 film and album Purple Rain made a version of this intense violet one of the most recognized personal color identities in popular music.

RGB
191, 0, 255
HSL
285°, 100%, 50%
CMYK
25, 100, 0, 0
HSV
285°, 100%, 100%
Electric purple color

What colors go with Electric Purple?

Colors that pair well with Electric purple include:
Black: sharp, dramatic contrast
Neon green: bold, electric clash
Silver: cool, futuristic balance
Deep navy: rich, grounding depth
Hot pink: vibrant, energetic warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #BF00FF color: #BF00FF;
RGB 191, 0, 255 color: rgb(191, 0, 255);
RGB Percentage 75%, 0%, 100% color: rgb(75%, 0%, 100%);
CMYK 25%, 100%, 0%, 0% Not supported in CSS
HSL 285°, 100%, 50% color: hsl(285, 100%, 50%);
HSV 285°, 100%, 100% Not supported in CSS
CIE-LAB 40, 38, -85 color: lab(40% 38 -85);
Decimal 12517631 Not supported in CSS

Color Variations

Shades

#BF00FF
#AC00E6
#9900CC
#8600B3
#730099
#600080
#4D0066
#39004D

Tints

#ECB3FF
#E699FF
#DF80FF
#D966FF
#D24DFF
#CC33FF
#C61AFF
#BF00FF

Tones

#BF00FF
#B90DF2
#B31AE6
#AC26D9
#A633CC
#9F40BF
#994DB3
#9359A6

Hues

#BF00FF
#FF0080
#FF4000
#FFFF00
#40FF00
#00FF80
#00BFFF
#0000FF

Color Harmonies

Analogous

#4000FF
Click to copy
#BF00FF
Click to copy
#FF00BF
Click to copy

Complementary

#BF00FF
Click to copy
#40FF00
Click to copy

Split Complementary

#BF00FF
Click to copy
#BFFF00
Click to copy
#00FF40
Click to copy

Triadic

#BF00FF
Click to copy
#FFBF00
Click to copy
100%
#00FFBF
Click to copy

Tetradic

#BF00FF
Click to copy
#FF4000
Click to copy
#40FF00
Click to copy
#00BFFF
Click to copy

Square

#BF00FF
Click to copy
#FF4000
Click to copy
#40FF00
Click to copy
#00BFFF
Click to copy

CSS & Dev Snippets

CSS
.electric-purple {
  color: #BF00FF;
}
SCSS
$electric-purple: #BF00FF;
RGB
rgb(191, 0, 255)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags