Dusty Periwinkle is a medium, muted shade in the purple color family, with a cool feel. Its HEX code is #7A6699, which equals rgb(122, 102, 153) in RGB and hsl(264, 20%, 50%) in HSL. In print terms it converts to roughly C20 M33 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#7A6699 - RGB
122, 102, 153 - HSL
264°, 20%, 50% - CMYK
20, 33, 0, 40 - Family
Purple - Tone
Medium, muted
About Dusty Periwinkle
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 5.01:1. Its complementary color is #859966.
Download Dusty Periwinkle 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 Periwinkle color codes
| HEX | #7A6699 |
|---|---|
| RGB | rgb(122, 102, 153) |
| HSL | hsl(264, 20%, 50%) |
| HSV | 264°, 33%, 60% |
| CMYK | 20%, 33%, 0%, 40% |
| Decimal | 8021657 |
Shades and tints of Dusty Periwinkle
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9E6EE - 100
#D3CCDD - 200
#BDB3CC - 300
#A699BB - 400
#9080AA - 500
#7A6699 - 600
#665580 - 700
#514466 - 800
#3D334D - 900
#292233 - 950
#14111A
Color harmonies for Dusty Periwinkle
- Complementary
#859966≈ Dusty Apple - Analogous −30°
#666B99≈ Dusty Cobalt - Analogous +30°
#946699≈ Dusty Purple - Triadic +120°
#997A66≈ Dusty Cinnabar - Triadic +240°
#66997A≈ Dusty Jade - Split 150°
#999466≈ Dusty Marigold - Split 210°
#6B9966≈ Dusty Green
Contrast and accessibility of Dusty Periwinkle
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Periwinkle | Aa | 5.01:1 | AA (good) |
| Black text on Dusty Periwinkle | Aa | 4.19:1 | AA Large only |
CSS code for Dusty Periwinkle
background-color: #7A6699;color: #7A6699;background-color: rgb(122, 102, 153);background-color: hsl(264, 20%, 50%);:root { --color-dusty-periwinkle: #7A6699; }class="bg-[#7A6699]"Colors similar to Dusty Periwinkle
- Dusty Iris
#756699 - Dusty Violet
#7F6699 - Dusty Indigo
#706699 - Dusty Amethyst
#856699 - Dusty Ultramarine
#6B6699 - Dusty Grape
#8A6699 - Dusty Blue
#666699 - Dusty Royal
#666B99 - Dusty Purple
#8F6699 - Dusty Cobalt
#667099 - Dusty Orchid
#946699 - Dusty Sapphire
#667599
More purple shades
- Very Pale Muted Periwinkle
#CDBFE3 - Palest Muted Periwinkle
#E3DBF0 - Very Dark Dusty Periwinkle
#2C2537 - Dark Dusty Periwinkle
#403550 - Deep Dusty Periwinkle
#534568 - Medium Dark Dusty Periwinkle
#675681 - Medium Light Dusty Periwinkle
#907EA9 - Light Dusty Periwinkle
#A597BA - Pale Dusty Periwinkle
#BAAFCA - Very Pale Dusty Periwinkle
#CFC8DA - Palest Dusty Periwinkle
#E4E0EB
Frequently asked questions
What is the HEX code for Dusty Periwinkle?
The HEX code for Dusty Periwinkle is #7A6699.
What is the RGB value of Dusty Periwinkle?
Dusty Periwinkle has an RGB value of 122, 102, 153 (rgb(122, 102, 153)). In HSL it is 264°, 20%, 50%.
What text color should I use on Dusty Periwinkle?
Use white text on Dusty Periwinkle. White text has a contrast ratio of 5.01:1 and black text has 4.19:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Periwinkle?
The complementary color of Dusty Periwinkle is #859966. Analogous colors #666B99 and #946699 also pair well.