Muted Cardinal is a medium, moderately saturated shade in the red color family, with a warm feel. Its HEX code is #B24D57, which equals rgb(178, 77, 87) in RGB and hsl(354, 40%, 50%) in HSL. In print terms it converts to roughly C0 M57 Y51 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B24D57 - RGB
178, 77, 87 - HSL
354°, 40%, 50% - CMYK
0, 57, 51, 30 - Family
Red - Tone
Medium, moderately saturated
About Muted Cardinal
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 5.13:1. Its complementary color is #4DB3A8.
Download Muted Cardinal 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 Cardinal color codes
| HEX | #B24D57 |
|---|---|
| RGB | rgb(178, 77, 87) |
| HSL | hsl(354, 40%, 50%) |
| HSV | 354°, 57%, 70% |
| CMYK | 0%, 57%, 51%, 30% |
| Decimal | 11685207 |
Shades and tints of Muted Cardinal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E1E3 - 100
#E5C4C7 - 200
#D9A6AB - 300
#CC888F - 400
#BF6B73 - 500
#B24D57 - 600
#944049 - 700
#77333A - 800
#59272C - 900
#3B1A1D - 950
#1E0D0F
Color harmonies for Muted Cardinal
- Complementary
#4DB3A8≈ Muted Teal - Analogous −30°
#B34D8A≈ Muted Rose - Analogous +30°
#B3754D≈ Muted Persimmon - Triadic +120°
#57B34D≈ Muted Shamrock - Triadic +240°
#4D57B3≈ Muted Royal - Split 150°
#4DB375≈ Muted Malachite - Split 210°
#4D8AB3≈ Muted Azure
Contrast and accessibility of Muted Cardinal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Cardinal | Aa | 5.13:1 | AA (good) |
| Black text on Muted Cardinal | Aa | 4.09:1 | AA Large only |
CSS code for Muted Cardinal
background-color: #B24D57;color: #B24D57;background-color: rgb(178, 77, 87);background-color: hsl(354, 40%, 50%);:root { --color-muted-cardinal: #B24D57; }class="bg-[#B24D57]"Colors similar to Muted Cardinal
- Muted Red
#B24D4D - Muted Crimson
#B24D61 - Muted Scarlet
#B2574D - Muted Ruby
#B24D6B - Muted Vermilion
#B2614D - Muted Carmine
#B24D75 - Medium Dark Muted Ruby
#96405A - Medium Dark Muted Crimson
#964051 - Indian Red
#CD5C5C - Medium Dark Muted Carmine
#964063 - Medium Dark Muted Cardinal
#964049 - Medium Dark Muted Scarlet
#964940
More red shades
- Light Soft Cardinal
#DC747F - Darkest Muted Cardinal
#240F11 - Very Dark Muted Cardinal
#401C1F - Dark Muted Cardinal
#5D282D - Deep Muted Cardinal
#79343B - Medium Dark Muted Cardinal
#964049 - Medium Light Muted Cardinal
#BF6972 - Light Muted Cardinal
#CB868D - Very Dark Dusty Cardinal
#372527 - Dark Dusty Cardinal
#503538 - Deep Dusty Cardinal
#684549
Frequently asked questions
What is the HEX code for Muted Cardinal?
The HEX code for Muted Cardinal is #B24D57.
What is the RGB value of Muted Cardinal?
Muted Cardinal has an RGB value of 178, 77, 87 (rgb(178, 77, 87)). In HSL it is 354°, 40%, 50%.
What text color should I use on Muted Cardinal?
Use white text on Muted Cardinal. White text has a contrast ratio of 5.13:1 and black text has 4.09:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Cardinal?
The complementary color of Muted Cardinal is #4DB3A8. Analogous colors #B34D8A and #B3754D also pair well.