Pure Violet is a medium, vivid shade in the purple color family, with a cool feel. Its HEX code is #7F00FF, which equals rgb(127, 0, 255) in RGB and hsl(270, 100%, 50%) in HSL. In print terms it converts to roughly C50 M100 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7F00FF - RGB
127, 0, 255 - HSL
270°, 100%, 50% - CMYK
50, 100, 0, 0 - Family
Purple - Tone
Medium, vivid
About Pure Violet
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 white is the most readable choice on this color, with a contrast ratio of 6.28:1. Its complementary color is #80FF00.
Download Pure Violet 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 Violet color codes
| HEX | #7F00FF |
|---|---|
| RGB | rgb(127, 0, 255) |
| HSL | hsl(270, 100%, 50%) |
| HSV | 270°, 100%, 100% |
| CMYK | 50%, 100%, 0%, 0% |
| Decimal | 8323327 |
Shades and tints of Pure Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EAD5FF - 100
#D4AAFF - 200
#BF80FF - 300
#AA55FF - 400
#942BFF - 500
#7F00FF - 600
#6A00D5 - 700
#5500AA - 800
#400080 - 900
#2A0055 - 950
#15002B
Color harmonies for Pure Violet
- Complementary
#80FF00≈ Chartreuse - Analogous −30°
#0000FF≈ Pure Ultramarine - Analogous +30°
#FF00FF≈ Pure Fuchsia - Triadic +120°
#FF8000≈ Dark Orange - Triadic +240°
#00FF80≈ Spring Green - Split 150°
#FFFF00≈ Lemon - Split 210°
#00FF00≈ Pure Shamrock
Contrast and accessibility of Pure Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Violet | Aa | 6.28:1 | AA (good) |
| Black text on Pure Violet | Aa | 3.35:1 | AA Large only |
CSS code for Pure Violet
background-color: #7F00FF;color: #7F00FF;background-color: rgb(127, 0, 255);background-color: hsl(270, 100%, 50%);:root { --color-pure-violet: #7F00FF; }class="bg-[#7F00FF]"Colors similar to Pure Violet
- Pure Periwinkle
#6600FF - Pure Amethyst
#9900FF - Bright Violet
#7F19E6 - Medium Dark Amethyst
#8100D6 - Bright Periwinkle
#6B19E6 - Bright Amethyst
#9419E6 - Medium Dark Violet
#6B00D6 - Medium Dark Grape
#9600D6 - Dark Violet
#9400D3 - Pure Iris
#4D00FF - Medium Light Periwinkle
#7E29FF - Pure Grape
#B300FF
More purple shades
- Palest Dusty Periwinkle
#E4E0EB - Darkest Violet
#190033 - Very Dark Violet
#2E005C - Dark Violet Tone
#420085 - Deep Violet
#5700AD - Medium Dark Violet
#6B00D6 - Medium Light Violet
#9429FF - Light Violet
#A852FF - Pale Violet
#BD7AFF - Very Pale Violet
#D1A3FF - Palest Violet
#E5CCFF
Frequently asked questions
What is the HEX code for Pure Violet?
The HEX code for Pure Violet is #7F00FF.
What is the RGB value of Pure Violet?
Pure Violet has an RGB value of 127, 0, 255 (rgb(127, 0, 255)). In HSL it is 270°, 100%, 50%.
What text color should I use on Pure Violet?
Use white text on Pure Violet. White text has a contrast ratio of 6.28:1 and black text has 3.35:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Violet?
The complementary color of Pure Violet is #80FF00. Analogous colors #0000FF and #FF00FF also pair well.