Pure Purple is a medium, vivid shade in the purple color family, with a cool feel. Its HEX code is #CC00FF, which equals rgb(204, 0, 255) in RGB and hsl(288, 100%, 50%) in HSL. In print terms it converts to roughly C20 M100 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CC00FF - RGB
204, 0, 255 - HSL
288°, 100%, 50% - CMYK
20, 100, 0, 0 - Family
Purple - Tone
Medium, vivid
About Pure Purple
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.01:1. Its complementary color is #33FF00.
Download Pure Purple 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…
Pure Purple color codes
| HEX | #CC00FF |
|---|---|
| RGB | rgb(204, 0, 255) |
| HSL | hsl(288, 100%, 50%) |
| HSV | 288°, 100%, 100% |
| CMYK | 20%, 100%, 0%, 0% |
| Decimal | 13369599 |
Shades and tints of Pure Purple
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7D5FF - 100
#EEAAFF - 200
#E680FF - 300
#DD55FF - 400
#D52BFF - 500
#CC00FF - 600
#AA00D5 - 700
#8800AA - 800
#660080 - 900
#440055 - 950
#22002B
Color harmonies for Pure Purple
- Complementary
#33FF00≈ Pure Shamrock - Analogous −30°
#4D00FF≈ Ultramarine - Analogous +30°
#FF00B3≈ Pure Raspberry - Triadic +120°
#FFCC00≈ Gold - Triadic +240°
#00FFCC≈ Pure Aquamarine - Split 150°
#B3FF00≈ Pure Chartreuse - Split 210°
#00FF4D≈ Pure Malachite
Contrast and accessibility of Pure Purple
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Purple | Aa | 4.19:1 | AA Large only |
| Black text on Pure Purple | Aa | 5.01:1 | AA (good) |
CSS code for Pure Purple
background-color: #CC00FF;color: #CC00FF;background-color: rgb(204, 0, 255);background-color: hsl(288, 100%, 50%);:root { --color-pure-purple: #CC00FF; }class="bg-[#CC00FF]"Colors similar to Pure Purple
- Pure Grape
#B300FF - Pure Orchid
#E500FF - Bright Orchid
#D119E6 - Medium Dark Magenta
#D600D6 - Medium Dark Orchid
#C100D6 - Bright Purple
#BD19E6 - Bright Magenta
#E619E5 - Medium Dark Purple
#AB00D6 - Medium Light Purple
#D429FF - Pure Amethyst
#9900FF - Medium Light Grape
#BF29FF - Bright Grape
#A819E6
More purple shades
- Palest Dusty Grape
#E8E0EB - Darkest Purple
#290033 - Very Dark Purple
#49005C - Dark Purple
#6A0085 - Deep Purple
#8B00AD - Medium Dark Purple
#AB00D6 - Medium Light Purple
#D429FF - Light Purple
#DC52FF - Pale Purple
#E47AFF - Very Pale Purple
#EDA3FF - Palest Purple
#F5CCFF
Frequently asked questions
What is the HEX code for Pure Purple?
The HEX code for Pure Purple is #CC00FF.
What is the RGB value of Pure Purple?
Pure Purple has an RGB value of 204, 0, 255 (rgb(204, 0, 255)). In HSL it is 288°, 100%, 50%.
What text color should I use on Pure Purple?
Use black text on Pure Purple. White text has a contrast ratio of 4.19:1 and black text has 5.01:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Purple?
The complementary color of Pure Purple is #33FF00. Analogous colors #4D00FF and #FF00B3 also pair well.