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.
Electric purple is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #BF00FF
- RGB value: 74.9% red, 0.0% green, 100.0% blue
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:
- Neon Purple (#8a00c4): ** Neon Purple radiates vibrancy and intensity, similar to Electric Purple’s bold and eye-catching appeal, making both ideal for accent colors with strong visual impact.
- Bright Magenta (#fd3db5): ** While leaning slightly more toward pink, Bright Magenta shares Electric Purple’s electric blue purple color’s zing and lively touch, offering a vibrant hue suitable for dynamic designs.
- Fuchsia (#ff00ff): ** Fuchsia combines a vivid brightness with a strong pink base, comparable to Electric Purple’s captivating flair, both serving as standout design elements in any color palette.
- Violet (#7f00ff): ** Violet matches Electric Purple’s depth and richness, blending an alluring mix of blues and reds, creating a dramatic and bold choice as an accent color.
To complement Electric Purple, consider pairing it with:
- Lime Green (#89f336): This vibrant shade balances Electric Purple's boldness with its bright zest, creating an energetic and eye-catching contrast.
- Turquoise (#40e0d0): The cool tones of turquoise harmonize beautifully with the vivid Electric Purple, offering a refreshing visual impact that’s perfect for graphic design.
- Lemon (#FFF700): Lemon provides a lively complement to Electric Purple, creating a striking color palette that's both cheerful and dynamic.
- Rose Gold (#DEA193): This subtle metallic hue softens Electric Purple's intensity, adding a touch of sophistication and elegance to any design.
- Sky Blue (#82c8e5): The calm, soothing qualities of sky blue contrast with Electric Purple’s vibrancy, resulting in a balanced and modern interior design scheme.
While electric purple is a vibrant and striking color, it may clash with:
- Red-Orange (#FF4B33): The intense heat of red-orange can overwhelm electric purple, creating a visually harsh and discordant effect in a color palette.
- Crimson Red (#B22222): The deep, rich tone of crimson red may compete with electric purple, leading to a palette full of visual tension and less cohesion.
- Neon Green (#2CFF05): Neon green’s extreme brightness can create an excessively jarring contrast with electric purple, disrupting harmony in design.
- Burnt Orange (#BE5103): Burnt orange’s warm and earthy quality contrasts sharply with the cool, neon vibe of electric purple, making the combination appear disharmonious.
- Olive Green (#636B2F): The muted, subdued nature of olive green might clash with electric purple’s vibrant energy, resulting in an unbalanced design element.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Kaleidoscope Bloom
Fuchsia Chill
Violet Pulse
Contrast checker
Contrast 4.51
- Large Text
#BF00FF
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.66
- Large Text
#BF00FF
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
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) |
