Deep Violet is a medium-dark, vivid shade in the purple color family, with a cool feel. Its HEX code is #5700AD, which equals rgb(87, 0, 173) in RGB and hsl(270, 100%, 34%) in HSL. In print terms it converts to roughly C50 M100 Y0 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#5700AD - RGB
87, 0, 173 - HSL
270°, 100%, 34% - CMYK
50, 100, 0, 32 - Family
Purple - Tone
Medium-dark, vivid
About Deep 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 10.45:1. Its complementary color is #57AD00.
Download Deep 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…
Deep Violet color codes
| HEX | #5700AD |
|---|---|
| RGB | rgb(87, 0, 173) |
| HSL | hsl(270, 100%, 34%) |
| HSV | 270°, 100%, 68% |
| CMYK | 50%, 100%, 0%, 32% |
| Decimal | 5701805 |
Shades and tints of Deep Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3D5F1 - 100
#C7AAE4 - 200
#AB80D6 - 300
#8F55C8 - 400
#732BBB - 500
#5700AD - 600
#490090 - 700
#3A0073 - 800
#2C0057 - 900
#1D003A - 950
#0F001D
Color harmonies for Deep Violet
- Complementary
#57AD00≈ Deep Spring Bud - Analogous −30°
#0000AD≈ Deep Ultramarine - Analogous +30°
#AD00AD≈ Deep Fuchsia - Triadic +120°
#AD5700≈ Deep Tangerine - Triadic +240°
#00AD57≈ Deep Seafoam - Split 150°
#ADAD00≈ Deep Citron - Split 210°
#00AD00≈ Deep Shamrock
Contrast and accessibility of Deep Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Violet | Aa | 10.45:1 | AAA (excellent) |
| Black text on Deep Violet | Aa | 2.01:1 | Fails |
CSS code for Deep Violet
background-color: #5700AD;color: #5700AD;background-color: rgb(87, 0, 173);background-color: hsl(270, 100%, 34%);:root { --color-deep-violet: #5700AD; }class="bg-[#5700AD]"Colors similar to Deep Violet
- Deep Amethyst
#6800AD - Deep Periwinkle
#4500AD - Deep Bright Violet
#57119C - Deep Bright Amethyst
#65119C - Deep Bright Periwinkle
#49119C - Deep Grape
#7900AD - Deep Iris
#3400AD - Medium Dark Bright Periwinkle
#5A15C1 - Medium Dark Bright Iris
#4915C1 - Deep Bright Grape
#72119C - Deep Bright Iris
#3B119C - Medium Dark Bright Violet
#6B15C1
More purple shades
- Pale Dusty Periwinkle
#BAAFCA - Very Pale Dusty Periwinkle
#CFC8DA - Palest Dusty Periwinkle
#E4E0EB - Darkest Violet
#190033 - Very Dark Violet
#2E005C - Dark Violet Tone
#420085 - Medium Dark Violet
#6B00D6 - Pure Violet
#7F00FF - Medium Light Violet
#9429FF - Light Violet
#A852FF - Pale Violet
#BD7AFF
Frequently asked questions
What is the HEX code for Deep Violet?
The HEX code for Deep Violet is #5700AD.
What is the RGB value of Deep Violet?
Deep Violet has an RGB value of 87, 0, 173 (rgb(87, 0, 173)). In HSL it is 270°, 100%, 34%.
What text color should I use on Deep Violet?
Use white text on Deep Violet. White text has a contrast ratio of 10.45:1 and black text has 2.01:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Violet?
The complementary color of Deep Violet is #57AD00. Analogous colors #0000AD and #AD00AD also pair well.