Soft Violet is a medium, saturated shade in the purple color family, with a cool feel. Its HEX code is #7F33CC, which equals rgb(127, 51, 204) in RGB and hsl(270, 60%, 50%) in HSL. In print terms it converts to roughly C38 M75 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#7F33CC - RGB
127, 51, 204 - HSL
270°, 60%, 50% - CMYK
38, 75, 0, 20 - Family
Purple - Tone
Medium, saturated
About Soft 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.47:1. Its complementary color is #80CC33.
Download Soft 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…
Soft Violet color codes
| HEX | #7F33CC |
|---|---|
| RGB | rgb(127, 51, 204) |
| HSL | hsl(270, 60%, 50%) |
| HSV | 270°, 75%, 80% |
| CMYK | 38%, 75%, 0%, 20% |
| Decimal | 8336332 |
Shades and tints of Soft Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EADDF7 - 100
#D4BBEE - 200
#BF99E6 - 300
#AA77DD - 400
#9455D5 - 500
#7F33CC - 600
#6A2BAA - 700
#552288 - 800
#401A66 - 900
#2A1144 - 950
#150922
Color harmonies for Soft Violet
- Complementary
#80CC33≈ Soft Spring Bud - Analogous −30°
#3333CC≈ Soft Ultramarine - Analogous +30°
#CC33CC≈ Soft Fuchsia - Triadic +120°
#CC8033≈ Bronze - Triadic +240°
#33CC80≈ Soft Seafoam - Split 150°
#CCCC33≈ Soft Citron - Split 210°
#33CC33≈ Lime Green
Contrast and accessibility of Soft Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Violet | Aa | 6.47:1 | AA (good) |
| Black text on Soft Violet | Aa | 3.25:1 | AA Large only |
CSS code for Soft Violet
background-color: #7F33CC;color: #7F33CC;background-color: rgb(127, 51, 204);background-color: hsl(270, 60%, 50%);:root { --color-soft-violet: #7F33CC; }class="bg-[#7F33CC]"Colors similar to Soft Violet
- Soft Periwinkle
#7033CC - Soft Amethyst
#8F33CC - Dark Orchid
#9932CC - Blue Violet
#8A2BE2 - Soft Iris
#6133CC - Soft Grape
#9E33CC - Medium Light Bright Periwinkle
#833EEA - Medium Dark Soft Grape
#852BAB - Medium Dark Soft Amethyst
#782BAB - Medium Light Bright Iris
#723EEA - Medium Light Bright Violet
#943EEA - Medium Dark Soft Purple
#922BAB
More purple shades
- Palest Bright Violet
#E5D1FA - Darkest Soft Violet
#190A29 - Very Dark Soft Violet
#2E1249 - Dark Soft Violet
#421B6A - Deep Soft Violet
#57238B - Medium Dark Soft Violet
#6B2BAB - Medium Light Soft Violet
#9454D4 - Light Soft Violet
#A874DC - Pale Soft Violet
#BD95E4 - Very Pale Soft Violet
#D1B6ED - Palest Soft Violet
#E5D6F5
Frequently asked questions
What is the HEX code for Soft Violet?
The HEX code for Soft Violet is #7F33CC.
What is the RGB value of Soft Violet?
Soft Violet has an RGB value of 127, 51, 204 (rgb(127, 51, 204)). In HSL it is 270°, 60%, 50%.
What text color should I use on Soft Violet?
Use white text on Soft Violet. White text has a contrast ratio of 6.47:1 and black text has 3.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Violet?
The complementary color of Soft Violet is #80CC33. Analogous colors #3333CC and #CC33CC also pair well.