
Figma color wheel
Want to find the perfect complementary or analogous colors to match Electric purple?
Skip to main content
Everything you need to know about electric purple to inspire your next design.
Electric purple is a vivid, eye-catching hue, combining the intensity of purple with a hint of blue. It sits between violet and indigo on the color wheel. Shades like dark electric purple add drama. Use electric purple in graphic design for bold accents and visual impact.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Kaleidoscope Bloom
Fuchsia Chill
Violet Pulse
Electric purple is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as electric purple, consider:
To complement Electric Purple, consider pairing it with:
While electric purple is a vibrant and striking color, it may clash with:
Contrast 4.51
#BF00FF
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.66
#BF00FF
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #BF00FF, known as Electric purple, has RGB values of R:191, G:0, B:255 and CMYK values of C:25, M:100, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #BF00FF | #BF00FF |
| RGB DECIMAL | 191, 0, 255 | RGB(191,0,255) |
| RGB PERCENTAGE | 74.9, 0.0, 100.0 | RGB(74.9%,0.0%,100.0%) |
| CMYK | 25, 100, 0, 0 | |
| HSL | HSL(284.9, 100.0%, 50.0%) | HSL(284.9, 100.0%, 50.0%) |
| HSV (OR HSB) | 284.9°, 100.0, 100.0 | |
| WEB SAFE | #2040255 | #2040255 |
| BINARY | 10111111, 00000000, 11111111 | |
| iOS - SwiftUI | Color(red: 0.749, green: 0.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.749, green: 0.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFFBF00FF) |

Want to find the perfect complementary or analogous colors to match Electric purple?

Explore the qualities of Cerise.

Explore the qualities of Raspberry.