Soft Magenta is a medium, saturated shade in the pink color family, with a warm feel. Its HEX code is #CC33CC, which equals rgb(204, 51, 204) in RGB and hsl(300, 60%, 50%) in HSL. In print terms it converts to roughly C0 M75 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC33CC - RGB
204, 51, 204 - HSL
300°, 60%, 50% - CMYK
0, 75, 0, 20 - Family
Pink - Tone
Medium, saturated
About Soft Magenta
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 4.91:1. Its complementary color is #33CC33.
Download Soft Magenta 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 Magenta color codes
| HEX | #CC33CC |
|---|---|
| RGB | rgb(204, 51, 204) |
| HSL | hsl(300, 60%, 50%) |
| HSV | 300°, 75%, 80% |
| CMYK | 0%, 75%, 0%, 20% |
| Decimal | 13382604 |
Shades and tints of Soft Magenta
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7DDF7 - 100
#EEBBEE - 200
#E699E6 - 300
#DD77DD - 400
#D555D5 - 500
#CC33CC - 600
#AA2BAA - 700
#882288 - 800
#661A66 - 900
#441144 - 950
#220922
Color harmonies for Soft Magenta
- Complementary
#33CC33≈ Lime Green - Analogous −30°
#8033CC≈ Soft Violet - Analogous +30°
#CC3380≈ Soft Rose - Triadic +120°
#CCCC33≈ Soft Citron - Triadic +240°
#33CCCC≈ Soft Teal - Split 150°
#80CC33≈ Soft Spring Bud - Split 210°
#33CC80≈ Soft Seafoam
Contrast and accessibility of Soft Magenta
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Magenta | Aa | 4.27:1 | AA Large only |
| Black text on Soft Magenta | Aa | 4.91:1 | AA (good) |
CSS code for Soft Magenta
background-color: #CC33CC;color: #CC33CC;background-color: rgb(204, 51, 204);background-color: hsl(300, 60%, 50%);:root { --color-soft-magenta: #CC33CC; }class="bg-[#CC33CC]"Colors similar to Soft Magenta
- Soft Fuchsia
#CC33BD - Soft Orchid
#BD33CC - Soft Cerise
#CC33AD - Medium Light Bright Purple
#C73EEA - Soft Purple
#AD33CC - Medium Light Bright Orchid
#D83EEA - Medium Light Bright Cerise
#EA3EC7 - Medium Light Bright Fuchsia
#EA3ED8 - Medium Light Bright Grape
#B63EEA - Medium Light Bright Raspberry
#EA3EB6 - Medium Dark Bright Magenta
#C115C1 - Bright Orchid
#D119E6
More pink shades
- Palest Bright Magenta
#FAD1FA - Darkest Soft Magenta
#290A29 - Very Dark Soft Magenta
#491249 - Dark Soft Magenta
#6A1B6A - Deep Soft Magenta
#8B238B - Medium Dark Soft Magenta
#AB2BAB - Medium Light Soft Magenta
#D454D4 - Light Soft Magenta
#DC74DC - Pale Soft Magenta
#E495E4 - Very Pale Soft Magenta
#EDB6ED - Palest Soft Magenta
#F5D6F5
Frequently asked questions
What is the HEX code for Soft Magenta?
The HEX code for Soft Magenta is #CC33CC.
What is the RGB value of Soft Magenta?
Soft Magenta has an RGB value of 204, 51, 204 (rgb(204, 51, 204)). In HSL it is 300°, 60%, 50%.
What text color should I use on Soft Magenta?
Use black text on Soft Magenta. White text has a contrast ratio of 4.27:1 and black text has 4.91:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Magenta?
The complementary color of Soft Magenta is #33CC33. Analogous colors #8033CC and #CC3380 also pair well.