Pale Amethyst is a medium-light, vivid shade in the purple color family, with a cool feel. Its HEX code is #CA7AFF, which equals rgb(202, 122, 255) in RGB and hsl(276, 100%, 74%) in HSL. In print terms it converts to roughly C21 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CA7AFF - RGB
202, 122, 255 - HSL
276°, 100%, 74% - CMYK
21, 52, 0, 0 - Family
Purple - Tone
Medium-light, vivid
About Pale 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 7.74:1. Its complementary color is #AFFF7A.
Download Pale 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…
Pale Amethyst color codes
| HEX | #CA7AFF |
|---|---|
| RGB | rgb(202, 122, 255) |
| HSL | hsl(276, 100%, 74%) |
| HSV | 276°, 52%, 100% |
| CMYK | 21%, 52%, 0%, 0% |
| Decimal | 13269759 |
Shades and tints of Pale Amethyst
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F6E9FF - 100
#EDD3FF - 200
#E5BDFF - 300
#DCA6FF - 400
#D390FF - 500
#CA7AFF - 600
#A866D5 - 700
#8751AA - 800
#653D80 - 900
#432955 - 950
#22142B
Color harmonies for Pale Amethyst
- Complementary
#AFFF7A≈ Pale Leaf - Analogous −30°
#887AFF≈ Pale Indigo - Analogous +30°
#FF7AF2≈ Pale Magenta - Triadic +120°
#FFCA7A≈ Pale Orange - Triadic +240°
#7AFFCA≈ Aquamarine - Split 150°
#F2FF7A≈ Pale Yellow - Split 210°
#7AFF88≈ Pale Emerald
Contrast and accessibility of Pale Amethyst
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Amethyst | Aa | 2.71:1 | Fails |
| Black text on Pale Amethyst | Aa | 7.74:1 | AAA (excellent) |
CSS code for Pale Amethyst
background-color: #CA7AFF;color: #CA7AFF;background-color: rgb(202, 122, 255);background-color: hsl(276, 100%, 74%);:root { --color-pale-amethyst: #CA7AFF; }class="bg-[#CA7AFF]"Colors similar to Pale Amethyst
- Pale Violet
#BD7AFF - Pale Grape
#D77AFF - Pale Bright Amethyst
#C788F2 - Pale Bright Grape
#D288F2 - Pale Bright Violet
#BD88F2 - Pale Purple
#E47AFF - Pale Periwinkle
#AF7AFF - Pale Bright Purple
#DD88F2 - Pale Bright Periwinkle
#B288F2 - Light Bright Grape
#C463EE - Light Soft Purple
#C874DC - Light Bright Purple
#D263EE
More purple shades
- Dark Amethyst
#500085 - Deep Amethyst
#6800AD - Medium Dark Amethyst
#8100D6 - Pure Amethyst
#9900FF - Medium Light Amethyst
#A929FF - Light Amethyst
#BA52FF - Very Pale Amethyst
#DAA3FF - Palest Amethyst
#EBCCFF - Darkest Bright Amethyst
#1E052E - Very Dark Bright Amethyst
#350953 - Dark Bright Amethyst
#4D0D77
Frequently asked questions
What is the HEX code for Pale Amethyst?
The HEX code for Pale Amethyst is #CA7AFF.
What is the RGB value of Pale Amethyst?
Pale Amethyst has an RGB value of 202, 122, 255 (rgb(202, 122, 255)). In HSL it is 276°, 100%, 74%.
What text color should I use on Pale Amethyst?
Use black text on Pale Amethyst. White text has a contrast ratio of 2.71:1 and black text has 7.74:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Amethyst?
The complementary color of Pale Amethyst is #AFFF7A. Analogous colors #887AFF and #FF7AF2 also pair well.