Light Violet is a medium-light, vivid shade in the purple color family, with a cool feel. Its HEX code is #A852FF, which equals rgb(168, 82, 255) in RGB and hsl(270, 100%, 66%) in HSL. In print terms it converts to roughly C34 M68 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#A852FF - RGB
168, 82, 255 - HSL
270°, 100%, 66% - CMYK
34, 68, 0, 0 - Family
Purple - Tone
Medium-light, vivid
About Light 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 black is the most readable choice on this color, with a contrast ratio of 5.32:1. Its complementary color is #A8FF52.
Download Light 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…
Light Violet color codes
| HEX | #A852FF |
|---|---|
| RGB | rgb(168, 82, 255) |
| HSL | hsl(270, 100%, 66%) |
| HSV | 270°, 68%, 100% |
| CMYK | 34%, 68%, 0%, 0% |
| Decimal | 11031295 |
Shades and tints of Light Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1E2FF - 100
#E2C5FF - 200
#D4A9FF - 300
#C58CFF - 400
#B76FFF - 500
#A852FF - 600
#8C44D5 - 700
#7037AA - 800
#542980 - 900
#381B55 - 950
#1C0E2B
Color harmonies for Light Violet
- Complementary
#A8FF52≈ Light Fern - Analogous −30°
#5252FF≈ Light Ultramarine - Analogous +30°
#FF52FF≈ Light Fuchsia - Triadic +120°
#FFA852≈ Sandy Brown - Triadic +240°
#52FFA8≈ Light Malachite - Split 150°
#FFFF52≈ Light Citron - Split 210°
#52FF52≈ Light Shamrock
Contrast and accessibility of Light Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Violet | Aa | 3.95:1 | AA Large only |
| Black text on Light Violet | Aa | 5.32:1 | AA (good) |
CSS code for Light Violet
background-color: #A852FF;color: #A852FF;background-color: rgb(168, 82, 255);background-color: hsl(270, 100%, 66%);:root { --color-light-violet: #A852FF; }class="bg-[#A852FF]"Colors similar to Light Violet
- Light Periwinkle
#9752FF - Light Amethyst
#BA52FF - Light Bright Violet
#A863EE - Light Bright Amethyst
#B663EE - Light Bright Periwinkle
#9A63EE - Medium Light Bright Amethyst
#A53EEA - Light Iris
#8652FF - Medium Light Bright Grape
#B63EEA - Light Grape
#CB52FF - Medium Light Bright Violet
#943EEA - Light Bright Iris
#8D63EE - Light Bright Grape
#C463EE
More purple shades
- Very Dark Violet
#2E005C - Dark Violet Tone
#420085 - Deep Violet
#5700AD - Medium Dark Violet
#6B00D6 - Pure Violet
#7F00FF - Medium Light Violet
#9429FF - Pale Violet
#BD7AFF - Very Pale Violet
#D1A3FF - Palest Violet
#E5CCFF - Darkest Bright Violet
#19052E - Very Dark Bright Violet
#2E0953
Frequently asked questions
What is the HEX code for Light Violet?
The HEX code for Light Violet is #A852FF.
What is the RGB value of Light Violet?
Light Violet has an RGB value of 168, 82, 255 (rgb(168, 82, 255)). In HSL it is 270°, 100%, 66%.
What text color should I use on Light Violet?
Use black text on Light Violet. White text has a contrast ratio of 3.95:1 and black text has 5.32:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Violet?
The complementary color of Light Violet is #A8FF52. Analogous colors #5252FF and #FF52FF also pair well.