Amethyst is a medium-light, moderately saturated shade in the purple color family, with a cool feel. Its HEX code is #9966CC, which equals rgb(153, 102, 204) in RGB and hsl(270, 50%, 60%) in HSL. In print terms it converts to roughly C25 M50 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#9966CC - RGB
153, 102, 204 - HSL
270°, 50%, 60% - CMYK
25, 50, 0, 20 - Family
Purple - Tone
Medium-light, moderately saturated
About Amethyst
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 5.13:1. Its complementary color is #99CC66.
Download Amethyst as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Amethyst color codes
| HEX | #9966CC |
|---|---|
| RGB | rgb(153, 102, 204) |
| HSL | hsl(270, 50%, 60%) |
| HSV | 270°, 50%, 80% |
| CMYK | 25%, 50%, 0%, 20% |
| Decimal | 10053324 |
Shades and tints of Amethyst
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEE6F7 - 100
#DDCCEE - 200
#CCB3E6 - 300
#BB99DD - 400
#AA80D5 - 500
#9966CC - 600
#8055AA - 700
#664488 - 800
#4D3366 - 900
#332244 - 950
#1A1122
Color harmonies for Amethyst
- Complementary
#99CC66≈ Pistachio - Analogous −30°
#6666CC≈ Medium Light Muted Blue - Analogous +30°
#CC66CC≈ Medium Light Muted Magenta - Triadic +120°
#CC9966≈ Camel - Triadic +240°
#66CC99≈ Medium Light Muted Seafoam - Split 150°
#CCCC66≈ Medium Light Soft Gold - Split 210°
#66CC66≈ Medium Light Muted Green
Contrast and accessibility of Amethyst
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Amethyst | Aa | 4.10:1 | AA Large only |
| Black text on Amethyst | Aa | 5.13:1 | AA (good) |
CSS code for Amethyst
background-color: #9966CC;color: #9966CC;background-color: rgb(153, 102, 204);background-color: hsl(270, 50%, 60%);:root { --color-amethyst: #9966CC; }class="bg-[#9966CC]"Colors similar to Amethyst
- Medium Light Muted Amethyst
#9C69BF - Medium Light Muted Violet
#9469BF - Medium Light Muted Grape
#A569BF - Medium Light Muted Periwinkle
#8B69BF - Medium Purple
#9370DB - Light Soft Periwinkle
#9E74DC - Light Soft Iris
#9374DC - Medium Light Soft Violet
#9454D4 - Medium Light Muted Purple
#AE69BF - Medium Light Soft Amethyst
#A154D4 - Medium Light Muted Iris
#8369BF - Light Soft Violet
#A874DC
More purple shades
- Indigo
#4B0082 - Blue Violet
#8A2BE2 - Dark Orchid
#9932CC - Dark Violet
#9400D3 - Medium Orchid
#BA55D3 - Mauve
#E0B0FF - Darkest Periwinkle
#140033 - Very Dark Periwinkle
#25005C - Dark Periwinkle
#350085 - Deep Periwinkle
#4500AD - Medium Dark Periwinkle
#5600D6
Frequently asked questions
What is the HEX code for Amethyst?
The HEX code for Amethyst is #9966CC.
What is the RGB value of Amethyst?
Amethyst has an RGB value of 153, 102, 204 (rgb(153, 102, 204)). In HSL it is 270°, 50%, 60%.
What text color should I use on Amethyst?
Use black text on Amethyst. White text has a contrast ratio of 4.10:1 and black text has 5.13:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Amethyst?
The complementary color of Amethyst is #99CC66. Analogous colors #6666CC and #CC66CC also pair well.