Electric Purple Color
#BF00FF
Shades
Darker variations of each color in your palette
Base Color
#BF00FF#BF00FF
#9900CC
#730099
#4C0066
#260033
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#BF00FF#BF00FF
#CC33FF
#D966FF
#E599FF
#F2CCFF
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #BF00FF |  |
| RGB | 191, 0, 255 | |
| HSL | 285, 100%, 50% | |
| CMYK | 25%, 100%, 0%, 0% | |
| OKLCH | oklch(0.609 0.303 313) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#BF00FF#4000FF
#BF00FF
#FF00BF
Analogous
#BF00FF
#40FF00
Complementary
#BF00FF
#FFBF00
#00FFBF
Triadic
#BF00FF
#BFFF00
#00FF40
Split Complementary
#BF00FF
#FF4000
#40FF00
#00BFFF
Tetradic
#4D0066
#8600B3
#BF00FF
#D24DFF
#E699FF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#BF00FF#FF0000
#FFFF00
#00FF00
#00FFFF
#0000FF
#FF00FF
Hues
Tones
Tones created by adding gray to each color
Base Color
#BF00FF#BF00FF
#B21AE6
#A633CC
#994DB3
#8D6699
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#BF00FF#C90AF4
#D213E8
#DC1DDD
Warmer
#B60AFF
#AE13FF
#A51DFF
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#BF00FFOn White Background
Sample Text
Contrast Ratio:4.51:1
WCAG Level:AA
PASS
On Black Background
Sample Text
Contrast Ratio:4.66:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)