Electric Violet

HEX: #8F00FF | Modern Palette

On White
5.81:1
PASS
On Black
3.61:1
FAIL

Color Specifications

HEX
#8F00FF
RGB
143, 0, 255
HSL
273°, 100% ,100%
CMYK
43.92, 100, 0, 0

About Electric Violet

Electric Violet (#8F00FF) is a color with RGB(143, 0, 255) and HSL(273.65°, 100%, 100%). It is commonly associated with Playful moods. In design, it fits Neon styles and is suitable for Text, Button, Background. Its complementary color is #70FF00, which creates strong contrast. Its triadic palette includes Princeton Orange (#FF8F00) and #00FF8F. The name comes from Electric Violet (English).

  • HEX: #8F00FF
  • RGB: 143, 0, 255
  • HSL: 273.65°, 100%, 100%
  • Mood: Playful
  • Style: Neon
  • Use case: Text, Button, Background
  • Complementary color: #70FF00
  • Triadic colors: Princeton Orange (#FF8F00), #00FF8F
  • The name comes from Electric Violet (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Electric Violet #8F00FF is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

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

Color Harmonies

Electric Violet #8F00FF pairs with #70FF00 as its complementary color, and Princeton Orange (#FF8F00) and #00FF8F in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

ELECTRIC VIOLET
Analogous

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

ELECTRIC VIOLET
Triadic

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

ELECTRIC VIOLET
PRINCETON ORANGE
Split-Complementary

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

ELECTRIC VIOLET
Tetradic (Square)

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

ELECTRIC VIOLET
Monochromatic

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

ELECTRIC VIOLET

Shades & Tints

The shade and tint range for Electric Violet #8F00FF moves from dark #0E001A tones through the base color to lighter #F4E6FF tones, making it useful for depth, hierarchy, and background variation.

ELECTRIC VIOLET

Color Characteristics

Mood
Playful
Style
Neon
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #5050FE
Protanopia #3030FF
Tritanopia #696464
Achromatopsia #656565

Frequently Asked Questions

Electric Violet (#8F00FF) is a color with RGB(143, 0, 255) and HSL(273.65°, 100%, 100%).

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

#8F00FF is suitable for Text, Button, Background and works well with Neon styles.

#8F00FF is commonly associated with Playful.

The name Electric Violet is linked to Electric Violet from English, meaning A vivid, intense shade of violet, reminiscent of the glow of electricity or neon..

Name, History & Etymology

Origin Word Electric Violet
Meaning A vivid, intense shade of violet, reminiscent of the glow of electricity or neon.
Language English
First Recorded Use Late 20th Century

History

The naming convention of 'electric' colors emerged to describe hues that were exceptionally bright, almost glowing, often achieved with modern synthetic pigments. Violet, being a color associated with royalty, mystery, and creativity, when combined with 'electric,' suggests a modern, energetic, and striking interpretation of the shade. It became particularly popular in fashion, graphic design, and digital media where vibrant, eye-catching colors were desired.

First Recorded Use

While specific 'first use' as a named color is hard to pinpoint exactly, the concept of 'electric' colors gained popularity in the 1980s with the rise of neon and vibrant synthetic dyes. The term 'electric violet' likely solidified in common usage during this period or slightly after.

Cultural Associations

Electric Violet is often associated with futurism, technology, and the digital age due to its 'electric' descriptor. It can evoke feelings of excitement, creativity, and individuality. In fashion, it's used to make bold statements. In digital art and UI design, it can signify energy or highlight interactive elements. It also has connections to cyberpunk aesthetics and synthwave culture.

Similar Named Colors
Violet (color Wheel) #7F00FF ΔE 2.34
Vivid Violet #9F00FF ΔE 2.56
Blue Violet #8A2BE2 ΔE 3.51
Veronica #A020F0 ΔE 3.78

Code Snippets

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

/* Text */
.element {
    color: #8F00FF;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #8F00FF,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #8F00FF,
        #FFFFFF
    );
}

// SCSS variable
$electric-violet: #8F00FF;

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

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