Blue Violet Color
#8A2BE2
Shades
Darker variations of each color in your palette
Base Color
#8A2BE2#8A2BE2
#6E22B5
#531A88
#37115A
#1C092D
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#8A2BE2#8A2BE2
#A155E8
#B980EE
#D0AAF3
#E8D5F9
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #8A2BE2 |  |
| RGB | 138, 43, 226 | |
| HSL | 271, 76%, 53% | |
| CMYK | 39%, 81%, 0%, 11% | |
| OKLCH | oklch(0.534 0.250 301) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#8A2BE2#2F2CE2
#8A2BE2
#E22CDF
Analogous
#8A2BE2
#84E22C
Complementary
#8A2BE2
#E28A2C
#2CE28A
Triadic
#8A2BE2
#DFE22C
#2CE22F
Split Complementary
#8A2BE2
#E22F2C
#84E22C
#2CDFE2
Tetradic
#340C5A
#5C159D
#831FE0
#A862EA
#CDA5F3
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#8A2BE2#E22C2C
#E2E22C
#2CE22C
#2CE2E2
#2C2CE2
#E22CE2
Hues
Tones
Tones created by adding gray to each color
Base Color
#8A2BE2#8A2BE2
#883CCE
#864DBB
#845EA7
#826F94
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#8A2BE2#9C31D8
#AD38CE
#BF3EC3
Warmer
#8431E6
#7E38EB
#773EEF
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#8A2BE2On White Background
Sample Text
Contrast Ratio:5.96:1
WCAG Level:AA
PASS
On Black Background
Sample Text
Contrast Ratio:3.52:1
WCAG Level:AA Large
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)