Electric Purple

#BF00FF
RGB
191, 0, 255
HSL
285°, 100%, 50%
CMYK
25, 100, 0, 0
HSV
285°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #BF00FF color: #BF00FF;
RGB 191, 0, 255 color: rgb(191, 0, 255);
RGB Percentage 75%, 0%, 100% color: rgb(75%, 0%, 100%);
CMYK 25%, 100%, 0%, 0% Not supported in CSS
HSL 285°, 100%, 50% color: hsl(285, 100%, 50%);
HSV 285°, 100%, 100% Not supported in CSS
CIE-LAB 40, 38, -85 color: lab(40% 38 -85);
Decimal 12517631 Not supported in CSS

Color Variations

Shades

#BF00FF
#AC00E6
#9900CC
#8600B3
#730099
#600080
#4D0066
#39004D

Tints

#ECB3FF
#E699FF
#DF80FF
#D966FF
#D24DFF
#CC33FF
#C61AFF
#BF00FF

Tones

#BF00FF
#B90DF2
#B31AE6
#AC26D9
#A633CC
#9F40BF
#994DB3
#9359A6

Hues

#BF00FF
#FF0080
#FF4000
#FFFF00
#40FF00
#00FF80
#00BFFF
#0000FF

Color Harmonies

Analogous

#4000FF
Click to copy
Blue
71%
#BF00FF
Click to copy
Electric purple
100%
#FF00BF
Click to copy
Purple
79%

Complementary

#BF00FF
Click to copy
Electric purple
100%
#40FF00
Click to copy
Green
13%

Split Complementary

#BF00FF
Click to copy
Electric purple
100%
#BFFF00
Click to copy
Yellow
18%
#00FF40
Click to copy
Green
16%

Triadic

#BF00FF
Click to copy
Electric purple
100%
#FFBF00
Click to copy
Orange
26%
#00FFBF
Click to copy
Cyan
26%

Tetradic

#BF00FF
Click to copy
Electric purple
100%
#FF4000
Click to copy
Red
39%
#40FF00
Click to copy
Green
13%
#00BFFF
Click to copy
Cyan
39%

Square

#BF00FF
Click to copy
Electric purple
100%
#FF4000
Click to copy
Red
39%
#40FF00
Click to copy
Green
13%
#00BFFF
Click to copy
Cyan
39%

CSS & Dev Snippets

CSS
.electric-purple {
  color: #BF00FF;
}
SCSS
$electric-purple: #BF00FF;
RGB
rgb(191, 0, 255)

Accessibility & Contrast

White background

4.51:1
4.51
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.66:1
4.66
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags