Dusty Violet is a medium, muted shade in the purple color family, with a cool feel. Its HEX code is #7F6699, which equals rgb(127, 102, 153) in RGB and hsl(269, 20%, 50%) in HSL. In print terms it converts to roughly C17 M33 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#7F6699 - RGB
127, 102, 153 - HSL
269°, 20%, 50% - CMYK
17, 33, 0, 40 - Family
Purple - Tone
Medium, muted
About Dusty 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 white is the most readable choice on this color, with a contrast ratio of 4.93:1. Its complementary color is #809966.
Download Dusty 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…
Dusty Violet color codes
| HEX | #7F6699 |
|---|---|
| RGB | rgb(127, 102, 153) |
| HSL | hsl(269, 20%, 50%) |
| HSV | 269°, 33%, 60% |
| CMYK | 17%, 33%, 0%, 40% |
| Decimal | 8349337 |
Shades and tints of Dusty Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EAE6EE - 100
#D4CCDD - 200
#BFB3CC - 300
#AA99BB - 400
#9480AA - 500
#7F6699 - 600
#6A5580 - 700
#554466 - 800
#40334D - 900
#2A2233 - 950
#15111A
Color harmonies for Dusty Violet
- Complementary
#809966≈ Dusty Spring Bud - Analogous −30°
#666799≈ Dusty Blue - Analogous +30°
#986699≈ Dusty Magenta - Triadic +120°
#997F66≈ Dusty Orange - Triadic +240°
#66997F≈ Dusty Mint - Split 150°
#999866≈ Dusty Yellow - Split 210°
#679966≈ Dusty Green
Contrast and accessibility of Dusty Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Violet | Aa | 4.93:1 | AA (good) |
| Black text on Dusty Violet | Aa | 4.26:1 | AA Large only |
CSS code for Dusty Violet
background-color: #7F6699;color: #7F6699;background-color: rgb(127, 102, 153);background-color: hsl(269, 20%, 50%);:root { --color-dusty-violet: #7F6699; }class="bg-[#7F6699]"Colors similar to Dusty Violet
- Dusty Periwinkle
#7A6699 - Dusty Amethyst
#856699 - Dusty Iris
#756699 - Dusty Grape
#8A6699 - Dusty Indigo
#706699 - Dusty Purple
#8F6699 - Dusty Ultramarine
#6B6699 - Dusty Orchid
#946699 - Dusty Blue
#666699 - Dusty Royal
#666B99 - Dusty Magenta
#996699 - Dusty Fuchsia
#996694
More purple shades
- Very Pale Muted Violet
#D1BFE3 - Palest Muted Violet
#E6DBF0 - Very Dark Dusty Violet
#2E2537 - Dark Dusty Violet
#423550 - Deep Dusty Violet
#574568 - Medium Dark Dusty Violet
#6B5681 - Medium Light Dusty Violet
#947EA9 - Light Dusty Violet
#A897BA - Pale Dusty Violet
#BDAFCA - Very Pale Dusty Violet
#D1C8DA - Palest Dusty Violet
#E6E0EB
Frequently asked questions
What is the HEX code for Dusty Violet?
The HEX code for Dusty Violet is #7F6699.
What is the RGB value of Dusty Violet?
Dusty Violet has an RGB value of 127, 102, 153 (rgb(127, 102, 153)). In HSL it is 269°, 20%, 50%.
What text color should I use on Dusty Violet?
Use white text on Dusty Violet. White text has a contrast ratio of 4.93:1 and black text has 4.26:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Violet?
The complementary color of Dusty Violet is #809966. Analogous colors #666799 and #986699 also pair well.