Purple

ElectricPurple

#BF00FF
HEX
#BF00FF
RGB
rgb(191, 0, 255)
HSL
hsl(285, 100%, 50%)

Purple family

About ElectricPurple

ElectricPurple (#BF00FF) is a medium, vivid purple. Purple blends red's passion with blue's calm, and has long been linked to royalty, creativity and mystery, giving this shade a distinctive, elevated feel.

Psychology

Purple sparks imagination and is associated with luxury, spirituality and creativity. It feels mysterious and premium, and because it appears less often in nature it tends to stand out and feel special.

Applications

Purple suits beauty, gaming, spirituality, education and premium or creative brands. It works beautifully for gradients and accents, from soft lavenders for calm wellness brands to deep violets for luxury and tech.

History

Tyrian purple, extracted from sea snails, was so costly in antiquity that it became the color of emperors and royalty. Purple became affordable only after William Henry Perkin accidentally synthesized mauveine dye in 1856.

Meaning

Purple symbolizes royalty, wisdom, spirituality and ambition across many cultures. It can also evoke magic and mystery, and lighter lavenders carry a soft, calming femininity.

Why use this color

Use purple to convey creativity, luxury or a touch of magic. It is ideal for brands that want to feel imaginative and premium, and for interfaces that need an elegant, distinctive accent.

Accessibility

Against white, #BF00FF has a 4.5:1 contrast ratio; against black it is 4.7:1. White text on #BF00FF meets WCAG AA for normal text.

Fun facts

  • Tyrian purple was made from the mucus of thousands of sea snails.
  • The first synthetic dye, mauveine, was a purple discovered by accident in 1856.
  • Purple is one of the least common colors in nature, which adds to its sense of rarity.

Shades, tints & tones

Variations

Ten lightness steps plus ElectricPurple's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around ElectricPurple. Each swatch is one click from your clipboard.

Complementary

#bf00ff#40ff00

Analogous

#4000ff#bf00ff#ff00bf

Triadic

#bf00ff#ffbf00#00ffbf

Split-complementary

#bf00ff#bfff00#00ff40

Tetradic

#bf00ff#ff4000#40ff00#00bfff

Monochromatic

#39004d#7a00a3#bf00ff#d65cff#ecb3ff

Accessibility

Blindness simulator

See how ElectricPurple is perceived with common types of color vision deficiency.

#BF00FF

Normal vision

Standard trichromatic vision, shown for reference.

#006fff

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#007afb

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#b75c96

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#777777

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How ElectricPurple performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on ElectricPurple
4.51:1
AAAAAAA LargeAAA Large
AaBlack on ElectricPurple
4.66:1
AAAAAAA LargeAAA Large

The ratio is identical whether ElectricPurple is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put ElectricPurple to work, with copy-all support for each.

Complementary

Roughly 180° across the wheel from #BF00FF (hue 285°) sits #40ff00, held together by the #dc86f9 tint and the neutrals #f4f4f5 and #18181b.

Analogous

#BF00FF with its two closest neighbours, #4000ff and #ff00bf, for a 100%-saturation run that stays inside one family; #dc86f9 and #600080 add depth without breaking it.

Triadic

#BF00FF plus #ffbf00 and #00ffbf, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.

Monochromatic

One hue at 5 lightness steps: #faebff through #17001f, starting from #BF00FF at 50% lightness.

ElectricPurple (#BF00FF) is a purple-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

ElectricPurple is #BF00FF — rgb(191, 0, 255) / hsl(285, 100%, 50%). ElectricPurple (#BF00FF) is a medium, vivid purple. Purple blends red's passion with blue's calm, and has long been linked to royalty, creativity and mystery, giving this shade a distinctive, elevated feel.

Good to know

  • ElectricPurple is one of 609 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #40ff00.

More color tools

Next steps for ElectricPurple: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.