Soft Periwinkle is a medium, saturated shade in the purple color family, with a cool feel. Its HEX code is #7033CC, which equals rgb(112, 51, 204) in RGB and hsl(264, 60%, 50%) in HSL. In print terms it converts to roughly C45 M75 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#7033CC - RGB
112, 51, 204 - HSL
264°, 60%, 50% - CMYK
45, 75, 0, 20 - Family
Purple - Tone
Medium, saturated
About Soft 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.92:1. Its complementary color is #8FCC33.
Download Soft 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…
Soft Periwinkle color codes
| HEX | #7033CC |
|---|---|
| RGB | rgb(112, 51, 204) |
| HSL | hsl(264, 60%, 50%) |
| HSV | 264°, 75%, 80% |
| CMYK | 45%, 75%, 0%, 20% |
| Decimal | 7353292 |
Shades and tints of Soft Periwinkle
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E7DDF7 - 100
#CFBBEE - 200
#B899E6 - 300
#A077DD - 400
#8855D5 - 500
#7033CC - 600
#5D2BAA - 700
#4B2288 - 800
#381A66 - 900
#251144 - 950
#130922
Color harmonies for Soft Periwinkle
- Complementary
#8FCC33≈ Yellow Green - Analogous −30°
#3342CC≈ Soft Blue - Analogous +30°
#BD33CC≈ Soft Magenta - Triadic +120°
#CC7033≈ Soft Cinnabar - Triadic +240°
#33CC70≈ Soft Jade - Split 150°
#CCBD33≈ Soft Yellow - Split 210°
#42CC33≈ Soft Green
Contrast and accessibility of Soft Periwinkle
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Periwinkle | Aa | 6.92:1 | AA (good) |
| Black text on Soft Periwinkle | Aa | 3.03:1 | AA Large only |
CSS code for Soft Periwinkle
background-color: #7033CC;color: #7033CC;background-color: rgb(112, 51, 204);background-color: hsl(264, 60%, 50%);:root { --color-soft-periwinkle: #7033CC; }class="bg-[#7033CC]"Colors similar to Soft Periwinkle
- Soft Iris
#6133CC - Soft Violet
#7F33CC - Soft Indigo
#5233CC - Soft Amethyst
#8F33CC - Medium Light Bright Iris
#723EEA - Medium Dark Soft Violet
#6B2BAB - Blue Violet
#8A2BE2 - Medium Dark Soft Amethyst
#782BAB - Medium Light Bright Indigo
#603EEA - Medium Light Bright Periwinkle
#833EEA - Medium Dark Soft Periwinkle
#5E2BAB - Medium Dark Bright Violet
#6B15C1
More purple shades
- Palest Bright Periwinkle
#E1D1FA - Darkest Soft Periwinkle
#160A29 - Very Dark Soft Periwinkle
#281249 - Dark Soft Periwinkle
#3A1B6A - Deep Soft Periwinkle
#4C238B - Medium Dark Soft Periwinkle
#5E2BAB - Medium Light Soft Periwinkle
#8754D4 - Light Soft Periwinkle
#9E74DC - Pale Soft Periwinkle
#B595E4 - Very Pale Soft Periwinkle
#CCB6ED - Palest Soft Periwinkle
#E2D6F5
Frequently asked questions
What is the HEX code for Soft Periwinkle?
The HEX code for Soft Periwinkle is #7033CC.
What is the RGB value of Soft Periwinkle?
Soft Periwinkle has an RGB value of 112, 51, 204 (rgb(112, 51, 204)). In HSL it is 264°, 60%, 50%.
What text color should I use on Soft Periwinkle?
Use white text on Soft Periwinkle. White text has a contrast ratio of 6.92:1 and black text has 3.03:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Periwinkle?
The complementary color of Soft Periwinkle is #8FCC33. Analogous colors #3342CC and #BD33CC also pair well.