Muted Magenta is a medium, moderately saturated shade in the pink color family, with a warm feel. Its HEX code is #B24DB2, which equals rgb(178, 77, 178) in RGB and hsl(300, 40%, 50%) in HSL. In print terms it converts to roughly C0 M57 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B24DB2 - RGB
178, 77, 178 - HSL
300°, 40%, 50% - CMYK
0, 57, 0, 30 - Family
Pink - Tone
Medium, moderately saturated
About Muted 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.60:1. Its complementary color is #4DB34D.
Download Muted 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…
Muted Magenta color codes
| HEX | #B24DB2 |
|---|---|
| RGB | rgb(178, 77, 178) |
| HSL | hsl(300, 40%, 50%) |
| HSV | 300°, 57%, 70% |
| CMYK | 0%, 57%, 0%, 30% |
| Decimal | 11685298 |
Shades and tints of Muted Magenta
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E1F2 - 100
#E5C4E5 - 200
#D9A6D9 - 300
#CC88CC - 400
#BF6BBF - 500
#B24DB2 - 600
#944094 - 700
#773377 - 800
#592759 - 900
#3B1A3B - 950
#1E0D1E
Color harmonies for Muted Magenta
- Complementary
#4DB34D≈ Muted Green - Analogous −30°
#804DB3≈ Muted Violet - Analogous +30°
#B34D80≈ Muted Blush - Triadic +120°
#B3B34D≈ Muted Yellow - Triadic +240°
#4DB3B3≈ Muted Cyan - Split 150°
#80B34D≈ Muted Apple - Split 210°
#4DB380≈ Muted Mint
Contrast and accessibility of Muted Magenta
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Magenta | Aa | 4.57:1 | AA (good) |
| Black text on Muted Magenta | Aa | 4.60:1 | AA (good) |
CSS code for Muted Magenta
background-color: #B24DB2;color: #B24DB2;background-color: rgb(178, 77, 178);background-color: hsl(300, 40%, 50%);:root { --color-muted-magenta: #B24DB2; }class="bg-[#B24DB2]"Colors similar to Muted Magenta
- Muted Fuchsia
#B24DA8 - Muted Orchid
#A84DB2 - Muted Cerise
#B24D9E - Muted Purple
#9E4DB2 - Muted Raspberry
#B24D94 - Muted Grape
#944DB2 - Medium Light Soft Grape
#AE54D4 - Medium Orchid
#BA55D3 - Medium Light Soft Purple
#BA54D4 - Medium Light Soft Raspberry
#D454AE - Medium Light Soft Cerise
#D454BA - Medium Light Muted Orchid
#B669BF
More pink shades
- Palest Soft Magenta
#F5D6F5 - Darkest Muted Magenta
#240F24 - Very Dark Muted Magenta
#401C40 - Dark Muted Magenta
#5D285D - Deep Muted Magenta
#793479 - Medium Dark Muted Magenta
#964096 - Medium Light Muted Magenta
#BF69BF - Light Muted Magenta
#CB86CB - Pale Muted Magenta
#D7A2D7 - Very Pale Muted Magenta
#E3BFE3 - Palest Muted Magenta
#F0DBF0
Frequently asked questions
What is the HEX code for Muted Magenta?
The HEX code for Muted Magenta is #B24DB2.
What is the RGB value of Muted Magenta?
Muted Magenta has an RGB value of 178, 77, 178 (rgb(178, 77, 178)). In HSL it is 300°, 40%, 50%.
What text color should I use on Muted Magenta?
Use black text on Muted Magenta. White text has a contrast ratio of 4.57:1 and black text has 4.60:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Magenta?
The complementary color of Muted Magenta is #4DB34D. Analogous colors #804DB3 and #B34D80 also pair well.