Muted Periwinkle is a medium, moderately saturated shade in the purple color family, with a cool feel. Its HEX code is #754DB2, which equals rgb(117, 77, 178) in RGB and hsl(264, 40%, 50%) in HSL. In print terms it converts to roughly C34 M57 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#754DB2 - RGB
117, 77, 178 - HSL
264°, 40%, 50% - CMYK
34, 57, 0, 30 - Family
Purple - Tone
Medium, moderately saturated
About Muted 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. 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 6.07:1. Its complementary color is #8AB34D.
Download Muted 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…
Muted Periwinkle color codes
| HEX | #754DB2 |
|---|---|
| RGB | rgb(117, 77, 178) |
| HSL | hsl(264, 40%, 50%) |
| HSV | 264°, 57%, 70% |
| CMYK | 34%, 57%, 0%, 30% |
| Decimal | 7687602 |
Shades and tints of Muted Periwinkle
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8E1F2 - 100
#D1C4E5 - 200
#BAA6D9 - 300
#A388CC - 400
#8C6BBF - 500
#754DB2 - 600
#624094 - 700
#4E3377 - 800
#3B2759 - 900
#271A3B - 950
#140D1E
Color harmonies for Muted Periwinkle
- Complementary
#8AB34D≈ Muted Spring Bud - Analogous −30°
#4D57B3≈ Muted Royal - Analogous +30°
#A84DB3≈ Muted Orchid - Triadic +120°
#B3754D≈ Muted Persimmon - Triadic +240°
#4DB375≈ Muted Malachite - Split 150°
#B3A84D≈ Muted Gold - Split 210°
#57B34D≈ Muted Shamrock
Contrast and accessibility of Muted Periwinkle
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Periwinkle | Aa | 6.07:1 | AA (good) |
| Black text on Muted Periwinkle | Aa | 3.46:1 | AA Large only |
CSS code for Muted Periwinkle
background-color: #754DB2;color: #754DB2;background-color: rgb(117, 77, 178);background-color: hsl(264, 40%, 50%);:root { --color-muted-periwinkle: #754DB2; }class="bg-[#754DB2]"Colors similar to Muted Periwinkle
- Muted Iris
#6B4DB2 - Muted Violet
#7F4DB2 - Muted Indigo
#614DB2 - Muted Amethyst
#8A4DB2 - Muted Ultramarine
#574DB2 - Muted Grape
#944DB2 - Medium Dark Muted Amethyst
#744096 - Medium Dark Muted Grape
#7C4096 - Slate Blue
#6A5ACD - Medium Dark Muted Violet
#6B4096 - Medium Light Soft Iris
#7A54D4 - Medium Dark Muted Purple
#854096
More purple shades
- Palest Soft Periwinkle
#E2D6F5 - Darkest Muted Periwinkle
#170F24 - Very Dark Muted Periwinkle
#2A1C40 - Dark Muted Periwinkle
#3D285D - Deep Muted Periwinkle
#503479 - Medium Dark Muted Periwinkle
#634096 - Medium Light Muted Periwinkle
#8B69BF - Light Muted Periwinkle
#A186CB - Pale Muted Periwinkle
#B7A2D7 - Very Pale Muted Periwinkle
#CDBFE3 - Palest Muted Periwinkle
#E3DBF0
Frequently asked questions
What is the HEX code for Muted Periwinkle?
The HEX code for Muted Periwinkle is #754DB2.
What is the RGB value of Muted Periwinkle?
Muted Periwinkle has an RGB value of 117, 77, 178 (rgb(117, 77, 178)). In HSL it is 264°, 40%, 50%.
What text color should I use on Muted Periwinkle?
Use white text on Muted Periwinkle. White text has a contrast ratio of 6.07:1 and black text has 3.46:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Periwinkle?
The complementary color of Muted Periwinkle is #8AB34D. Analogous colors #4D57B3 and #A84DB3 also pair well.