Electric Purple

HEX: #BF00FF | Modern Palette

On White
4.51:1
PASS
On Black
4.66:1
PASS

Color Specifications

HEX
#BF00FF
RGB
191, 0, 255
HSL
284°, 100% ,50%
CMYK
25, 100, 0, 0

About Electric Purple

Electric Purple (#BF00FF) is a color with RGB(191, 0, 255) and HSL(284.9°, 100%, 50%). It is commonly associated with Bold, Romantic moods. In design, it fits Vivid styles and is suitable for Text, Button, Accent. Its complementary color is #40FF00, which creates strong contrast. Its triadic palette includes Amber (#FFBF00) and #00FFBF. The name comes from Electric Purple (English).

  • HEX: #BF00FF
  • RGB: 191, 0, 255
  • HSL: 284.9°, 100%, 50%
  • Mood: Bold, Romantic
  • Style: Vivid
  • Use case: Text, Button, Accent
  • Complementary color: #40FF00
  • Triadic colors: Amber (#FFBF00), #00FFBF
  • The name comes from Electric Purple (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #BF00FF from deepest shade to lightest tint.

Color Characteristics

Mood
Bold Romantic
Style
Vivid
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #6C6CFE
Protanopia #4343FF
Tritanopia #A76464
Achromatopsia #777777

Frequently Asked Questions

Electric Purple (#BF00FF) is a color with RGB(191, 0, 255) and HSL(284.9°, 100%, 50%).

#BF00FF pairs strongly with #40FF00 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#BF00FF is suitable for Text, Button, Accent and works well with Vivid styles.

#BF00FF is commonly associated with Bold, Romantic.

The name Electric Purple is linked to Electric Purple from English, meaning A vivid, intense shade of purple, often associated with electricity or neon due to its brightness..

Name, History & Etymology

Origin Word Electric Purple
Meaning A vivid, intense shade of purple, often associated with electricity or neon due to its brightness.
Language English
First Recorded Use Late 20th Century

History

The concept of 'electric' colors gained traction as technology advanced, allowing for brighter, more saturated pigments and lighting. Purple itself has a long history, often associated with royalty and luxury due to the rarity of its dyes. 'Electric Purple' takes this traditional color and injects it with a modern, high-energy feel, moving away from the muted, natural purples to something more artificial and striking. It's a color that speaks to synthetic materials, digital displays, and a vibrant, often rebellious aesthetic.

First Recorded Use

The exact first use is difficult to pinpoint, but the term 'electric' to describe intense colors became popular in the mid-to-late 20th century, particularly with the rise of neon lights and synthetic dyes. 'Electric Purple' likely emerged as a descriptive term in the 1980s or 1990s.

Cultural Associations

Electric Purple is frequently seen in fashion, particularly in subcultures like punk, goth, and rave, where its intensity can convey individuality and non-conformity. It's also popular in digital art, graphic design, and branding for products aiming for a modern, energetic, or futuristic appeal. Its brightness can evoke feelings of excitement, creativity, and even a touch of the surreal or fantastical. It's a color that stands out and demands attention.

Similar Named Colors
Vivid Orchid #CC00FF ΔE 2.45
Vivid Mulberry #B80CE3 ΔE 3.85
Veronica #A020F0 ΔE 5.25
Vivid Violet #9F00FF ΔE 5.69

Code Snippets

/* Background */
.element {
    background-color: #BF00FF;
}

/* Text */
.element {
    color: #BF00FF;
}

/* Border */
.element {
    border: 1px solid #BF00FF;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #BF00FF,
        #40FF00
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #BF00FF,
        #40FF00
    );
}

// SCSS variable
$electric-purple: #BF00FF;

// With RGB channels (useful for rgba() usage)
$electric-purple-r: 191;
$electric-purple-g: 0;
$electric-purple-b: 255;

// Usage
.element {
    background-color: $electric-purple;
    color: rgba($electric-purple-r, $electric-purple-g, $electric-purple-b, 0.8);
}