Muted Fuchsia is a medium, moderately saturated shade in the pink color family, with a warm feel. Its HEX code is #B24DA8, which equals rgb(178, 77, 168) in RGB and hsl(306, 40%, 50%) in HSL. In print terms it converts to roughly C0 M57 Y6 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B24DA8 - RGB
178, 77, 168 - HSL
306°, 40%, 50% - CMYK
0, 57, 6, 30 - Family
Pink - Tone
Medium, moderately saturated
About Muted Fuchsia
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 4.65:1. Its complementary color is #4DB357.
Download Muted Fuchsia 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 Fuchsia color codes
| HEX | #B24DA8 |
|---|---|
| RGB | rgb(178, 77, 168) |
| HSL | hsl(306, 40%, 50%) |
| HSV | 306°, 57%, 70% |
| CMYK | 0%, 57%, 6%, 30% |
| Decimal | 11685288 |
Shades and tints of Muted Fuchsia
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E1F1 - 100
#E5C4E2 - 200
#D9A6D4 - 300
#CC88C5 - 400
#BF6BB7 - 500
#B24DA8 - 600
#94408C - 700
#773370 - 800
#592754 - 900
#3B1A38 - 950
#1E0D1C
Color harmonies for Muted Fuchsia
- Complementary
#4DB357≈ Muted Kelly - Analogous −30°
#8A4DB3≈ Muted Amethyst - Analogous +30°
#B34D75≈ Muted Carmine - Triadic +120°
#A8B34D≈ Muted Citron - Triadic +240°
#4DA8B3≈ Muted Lagoon - Split 150°
#75B34D≈ Muted Fern - Split 210°
#4DB38A≈ Muted Seafoam
Contrast and accessibility of Muted Fuchsia
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Fuchsia | Aa | 4.65:1 | AA (good) |
| Black text on Muted Fuchsia | Aa | 4.52:1 | AA (good) |
CSS code for Muted Fuchsia
background-color: #B24DA8;color: #B24DA8;background-color: rgb(178, 77, 168);background-color: hsl(306, 40%, 50%);:root { --color-muted-fuchsia: #B24DA8; }class="bg-[#B24DA8]"Colors similar to Muted Fuchsia
- Muted Magenta
#B24DB2 - Muted Cerise
#B24D9E - Muted Orchid
#A84DB2 - Muted Raspberry
#B24D94 - Muted Purple
#9E4DB2 - Muted Rose
#B24D8A - Muted Grape
#944DB2 - Medium Light Soft Raspberry
#D454AE - Medium Light Soft Rose
#D454A1 - Medium Dark Muted Magenta
#964096 - Medium Light Muted Raspberry
#BF69A5 - Medium Light Muted Cerise
#BF69AE
More pink shades
- Palest Soft Fuchsia
#F5D6F2 - Darkest Muted Fuchsia
#240F22 - Very Dark Muted Fuchsia
#401C3D - Dark Muted Fuchsia
#5D2858 - Deep Muted Fuchsia
#793472 - Medium Dark Muted Fuchsia
#96408D - Medium Light Muted Fuchsia
#BF69B6 - Light Muted Fuchsia
#CB86C4 - Pale Muted Fuchsia
#D7A2D2 - Very Pale Muted Fuchsia
#E3BFE0 - Palest Muted Fuchsia
#F0DBEE
Frequently asked questions
What is the HEX code for Muted Fuchsia?
The HEX code for Muted Fuchsia is #B24DA8.
What is the RGB value of Muted Fuchsia?
Muted Fuchsia has an RGB value of 178, 77, 168 (rgb(178, 77, 168)). In HSL it is 306°, 40%, 50%.
What text color should I use on Muted Fuchsia?
Use white text on Muted Fuchsia. White text has a contrast ratio of 4.65:1 and black text has 4.52:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Fuchsia?
The complementary color of Muted Fuchsia is #4DB357. Analogous colors #8A4DB3 and #B34D75 also pair well.