Muted Red is a medium, moderately saturated shade in the red color family, with a warm feel. Its HEX code is #B24D4D, which equals rgb(178, 77, 77) in RGB and hsl(0, 40%, 50%) in HSL. In print terms it converts to roughly C0 M57 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B24D4D - RGB
178, 77, 77 - HSL
0°, 40%, 50% - CMYK
0, 57, 57, 30 - Family
Red - Tone
Medium, moderately saturated
About Muted Red
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.17:1. Its complementary color is #4DB3B3.
Download Muted Red 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 Red color codes
| HEX | #B24D4D |
|---|---|
| RGB | rgb(178, 77, 77) |
| HSL | hsl(0, 40%, 50%) |
| HSV | 0°, 57%, 70% |
| CMYK | 0%, 57%, 57%, 30% |
| Decimal | 11685197 |
Shades and tints of Muted Red
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E1E1 - 100
#E5C4C4 - 200
#D9A6A6 - 300
#CC8888 - 400
#BF6B6B - 500
#B24D4D - 600
#944040 - 700
#773333 - 800
#592727 - 900
#3B1A1A - 950
#1E0D0D
Color harmonies for Muted Red
- Complementary
#4DB3B3≈ Muted Cyan - Analogous −30°
#B34D80≈ Muted Blush - Analogous +30°
#B3804D≈ Muted Orange - Triadic +120°
#4DB34D≈ Muted Green - Triadic +240°
#4D4DB3≈ Muted Blue - Split 150°
#4DB380≈ Muted Mint - Split 210°
#4D80B3≈ Muted Cerulean
Contrast and accessibility of Muted Red
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Red | Aa | 5.17:1 | AA (good) |
| Black text on Muted Red | Aa | 4.06:1 | AA Large only |
CSS code for Muted Red
background-color: #B24D4D;color: #B24D4D;background-color: rgb(178, 77, 77);background-color: hsl(0, 40%, 50%);:root { --color-muted-red: #B24D4D; }class="bg-[#B24D4D]"Colors similar to Muted Red
- Muted Cardinal
#B24D57 - Muted Scarlet
#B2574D - Muted Crimson
#B24D61 - Muted Vermilion
#B2614D - Muted Ruby
#B24D6B - Medium Dark Muted Scarlet
#964940 - Medium Dark Muted Vermilion
#965140 - Medium Dark Muted Crimson
#964051 - Medium Dark Muted Cardinal
#964049 - Medium Dark Soft Cinnabar
#AB512B - Medium Dark Soft Vermilion
#AB452B - Medium Dark Muted Red
#964040
More red shades
- Light Soft Red
#DC7474 - Darkest Muted Red
#240F0F - Very Dark Muted Red
#401C1C - Dark Muted Red
#5D2828 - Deep Muted Red
#793434 - Medium Dark Muted Red
#964040 - Medium Light Muted Red
#BF6969 - Light Muted Red
#CB8686 - Very Dark Dusty Red
#372525 - Dark Dusty Red
#503535 - Deep Dusty Red
#684545
Frequently asked questions
What is the HEX code for Muted Red?
The HEX code for Muted Red is #B24D4D.
What is the RGB value of Muted Red?
Muted Red has an RGB value of 178, 77, 77 (rgb(178, 77, 77)). In HSL it is 0°, 40%, 50%.
What text color should I use on Muted Red?
Use white text on Muted Red. White text has a contrast ratio of 5.17:1 and black text has 4.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Red?
The complementary color of Muted Red is #4DB3B3. Analogous colors #B34D80 and #B3804D also pair well.