Muted Violet is a medium, moderately saturated shade in the purple color family, with a cool feel. Its HEX code is #7F4DB2, which equals rgb(127, 77, 178) in RGB and hsl(270, 40%, 50%) in HSL. In print terms it converts to roughly C29 M57 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#7F4DB2 - RGB
127, 77, 178 - HSL
270°, 40%, 50% - CMYK
29, 57, 0, 30 - Family
Purple - Tone
Medium, moderately saturated
About Muted 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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 5.82:1. Its complementary color is #80B34D.
Download Muted 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…
Muted Violet color codes
| HEX | #7F4DB2 |
|---|---|
| RGB | rgb(127, 77, 178) |
| HSL | hsl(270, 40%, 50%) |
| HSV | 270°, 57%, 70% |
| CMYK | 29%, 57%, 0%, 30% |
| Decimal | 8342962 |
Shades and tints of Muted Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EAE1F2 - 100
#D4C4E5 - 200
#BFA6D9 - 300
#AA88CC - 400
#946BBF - 500
#7F4DB2 - 600
#6A4094 - 700
#553377 - 800
#402759 - 900
#2A1A3B - 950
#150D1E
Color harmonies for Muted Violet
- Complementary
#80B34D≈ Muted Apple - Analogous −30°
#4D4DB3≈ Muted Blue - Analogous +30°
#B34DB3≈ Muted Magenta - Triadic +120°
#B3804D≈ Muted Orange - Triadic +240°
#4DB380≈ Muted Mint - Split 150°
#B3B34D≈ Muted Yellow - Split 210°
#4DB34D≈ Muted Green
Contrast and accessibility of Muted Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Violet | Aa | 5.82:1 | AA (good) |
| Black text on Muted Violet | Aa | 3.61:1 | AA Large only |
CSS code for Muted Violet
background-color: #7F4DB2;color: #7F4DB2;background-color: rgb(127, 77, 178);background-color: hsl(270, 40%, 50%);:root { --color-muted-violet: #7F4DB2; }class="bg-[#7F4DB2]"Colors similar to Muted Violet
- Muted Periwinkle
#754DB2 - Muted Amethyst
#8A4DB2 - Muted Iris
#6B4DB2 - Muted Grape
#944DB2 - Muted Indigo
#614DB2 - Muted Purple
#9E4DB2 - Medium Dark Muted Grape
#7C4096 - Medium Dark Muted Purple
#854096 - Medium Dark Muted Amethyst
#744096 - Medium Dark Muted Orchid
#8D4096 - Medium Light Soft Iris
#7A54D4 - Medium Light Soft Periwinkle
#8754D4
More purple shades
- Palest Soft Violet
#E5D6F5 - Darkest Muted Violet
#190F24 - Very Dark Muted Violet
#2E1C40 - Dark Muted Violet
#42285D - Deep Muted Violet
#573479 - Medium Dark Muted Violet
#6B4096 - Medium Light Muted Violet
#9469BF - Light Muted Violet
#A886CB - Pale Muted Violet
#BDA2D7 - Very Pale Muted Violet
#D1BFE3 - Palest Muted Violet
#E6DBF0
Frequently asked questions
What is the HEX code for Muted Violet?
The HEX code for Muted Violet is #7F4DB2.
What is the RGB value of Muted Violet?
Muted Violet has an RGB value of 127, 77, 178 (rgb(127, 77, 178)). In HSL it is 270°, 40%, 50%.
What text color should I use on Muted Violet?
Use white text on Muted Violet. White text has a contrast ratio of 5.82:1 and black text has 3.61:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Violet?
The complementary color of Muted Violet is #80B34D. Analogous colors #4D4DB3 and #B34DB3 also pair well.