Amethyst Color
#9966CC
Shades
Darker variations of each color in your palette
Base Color
#9966CC#9966CC
#7A52A3
#5C3D7A
#3D2952
#1F1429
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#9966CC#9966CC
#AD85D6
#C2A3E0
#D6C2EB
#EBE0F5
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #9966CC |  |
| RGB | 153, 102, 204 | |
| HSL | 270, 50%, 60% | |
| CMYK | 25%, 50%, 0%, 20% | |
| OKLCH | oklch(0.608 0.156 305) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#9966CC#6666CC
#9966CC
#CC66CC
Analogous
#9966CC
#99CC66
Complementary
#9966CC
#CC9966
#66CC99
Triadic
#9966CC
#CCCC66
#66CC66
Split Complementary
#9966CC
#CC6666
#99CC66
#66CCCC
Tetradic
#33194D
#592D86
#7F40BF
#A679D2
#CCB3E6
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#9966CC#CC6666
#CCCC66
#66CC66
#66CCCC
#6666CC
#CC66CC
Hues
Tones
Tones created by adding gray to each color
Base Color
#9966CC#9966CC
#946BBD
#8F70AE
#8A769E
#857B8F
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#9966CC#A868C3
#B86ABA
#C76CB0
Warmer
#9268D4
#8B6ADB
#846CE3
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#9966CCOn White Background
Sample Text
Contrast Ratio:4.10:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.13: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)