Violet is a medium-light, saturated shade in the purple color family, with a warm feel. Its HEX code is #EE82EE, which equals rgb(238, 130, 238) in RGB and hsl(300, 76%, 72%) in HSL. In print terms it converts to roughly C0 M45 Y0 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#EE82EE - RGB
238, 130, 238 - HSL
300°, 76%, 72% - CMYK
0, 45, 0, 7 - Family
Purple - Tone
Medium-light, saturated
About 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 9.06:1. Its complementary color is #81EE81.
Download 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…
Violet color codes
| HEX | #EE82EE |
|---|---|
| RGB | rgb(238, 130, 238) |
| HSL | hsl(300, 76%, 72%) |
| HSV | 300°, 45%, 93% |
| CMYK | 0%, 45%, 0%, 7% |
| Decimal | 15631086 |
Shades and tints of Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FCEAFC - 100
#F9D5F9 - 200
#F7C1F7 - 300
#F4ACF4 - 400
#F197F1 - 500
#EE82EE - 600
#C66CC6 - 700
#9F579F - 800
#774177 - 900
#4F2B4F - 950
#281628
Color harmonies for Violet
- Complementary
#81EE81≈ Pale Bright Green - Analogous −30°
#B881EE≈ Pale Bright Violet - Analogous +30°
#EE81B8≈ Pale Bright Blush - Triadic +120°
#EEEE81≈ Pale Bright Yellow - Triadic +240°
#81EEEE≈ Pale Bright Cyan - Split 150°
#B8EE81≈ Pale Bright Apple - Split 210°
#81EEB8≈ Pale Bright Mint
Contrast and accessibility of Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Violet | Aa | 2.32:1 | Fails |
| Black text on Violet | Aa | 9.06:1 | AAA (excellent) |
CSS code for Violet
background-color: #EE82EE;color: #EE82EE;background-color: rgb(238, 130, 238);background-color: hsl(300, 76%, 72%);:root { --color-violet: #EE82EE; }class="bg-[#EE82EE]"Colors similar to Violet
- Pale Bright Magenta
#F288F2 - Pale Bright Fuchsia
#F288E7 - Pale Bright Orchid
#E788F2 - Pale Bright Cerise
#F288DD - Pale Orchid
#F27AFF - Pale Bright Purple
#DD88F2 - Pale Fuchsia
#FF7AF2 - Pale Purple
#E47AFF - Pale Cerise
#FF7AE4 - Pale Magenta
#FF7AFF - Pale Bright Raspberry
#F288D2 - Pale Soft Magenta
#E495E4
More purple shades
- Lavender
#E6E6FA - Thistle
#D8BFD8 - Orchid
#DA70D6 - Rebecca Purple
#663399 - Indigo
#4B0082 - Blue Violet
#8A2BE2 - Dark Orchid
#9932CC - Dark Violet
#9400D3 - Medium Orchid
#BA55D3 - Mauve
#E0B0FF - Amethyst
#9966CC
Frequently asked questions
What is the HEX code for Violet?
The HEX code for Violet is #EE82EE.
What is the RGB value of Violet?
Violet has an RGB value of 238, 130, 238 (rgb(238, 130, 238)). In HSL it is 300°, 76%, 72%.
What text color should I use on Violet?
Use black text on Violet. White text has a contrast ratio of 2.32:1 and black text has 9.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Violet?
The complementary color of Violet is #81EE81. Analogous colors #B881EE and #EE81B8 also pair well.