Muted Scarlet is a medium, moderately saturated shade in the red color family, with a warm feel. Its HEX code is #B2574D, which equals rgb(178, 87, 77) in RGB and hsl(6, 40%, 50%) in HSL. In print terms it converts to roughly C0 M51 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B2574D - RGB
178, 87, 77 - HSL
6°, 40%, 50% - CMYK
0, 51, 57, 30 - Family
Red - Tone
Medium, moderately saturated
About Muted Scarlet
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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 4.81:1. Its complementary color is #4DA8B3.
Download Muted Scarlet 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 Scarlet color codes
| HEX | #B2574D |
|---|---|
| RGB | rgb(178, 87, 77) |
| HSL | hsl(6, 40%, 50%) |
| HSV | 6°, 57%, 70% |
| CMYK | 0%, 51%, 57%, 30% |
| Decimal | 11687757 |
Shades and tints of Muted Scarlet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E3E1 - 100
#E5C7C4 - 200
#D9ABA6 - 300
#CC8F88 - 400
#BF736B - 500
#B2574D - 600
#944940 - 700
#773A33 - 800
#592C27 - 900
#3B1D1A - 950
#1E0F0D
Color harmonies for Muted Scarlet
- Complementary
#4DA8B3≈ Muted Lagoon - Analogous −30°
#B34D75≈ Muted Carmine - Analogous +30°
#B38A4D≈ Muted Tangerine - Triadic +120°
#4DB357≈ Muted Kelly - Triadic +240°
#574DB3≈ Muted Ultramarine - Split 150°
#4DB38A≈ Muted Seafoam - Split 210°
#4D75B3≈ Muted Cornflower
Contrast and accessibility of Muted Scarlet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Scarlet | Aa | 4.81:1 | AA (good) |
| Black text on Muted Scarlet | Aa | 4.36:1 | AA Large only |
CSS code for Muted Scarlet
background-color: #B2574D;color: #B2574D;background-color: rgb(178, 87, 77);background-color: hsl(6, 40%, 50%);:root { --color-muted-scarlet: #B2574D; }class="bg-[#B2574D]"Colors similar to Muted Scarlet
- Muted Red
#B24D4D - Muted Vermilion
#B2614D - Muted Cardinal
#B24D57 - Muted Crimson
#B24D61 - Muted Cinnabar
#B26B4D - Muted Ruby
#B24D6B - Medium Dark Muted Cinnabar
#965A40 - Indian Red
#CD5C5C - Medium Dark Muted Vermilion
#965140 - Medium Dark Soft Cinnabar
#AB512B - Medium Dark Soft Persimmon
#AB5E2B - Medium Dark Muted Persimmon
#966340
More red shades
- Light Soft Scarlet
#DC7F74 - Darkest Muted Scarlet
#24110F - Very Dark Muted Scarlet
#401F1C - Dark Muted Scarlet
#5D2D28 - Deep Muted Scarlet
#793B34 - Medium Dark Muted Scarlet
#964940 - Medium Light Muted Scarlet
#BF7269 - Light Muted Scarlet
#CB8D86 - Very Dark Dusty Scarlet
#372725 - Dark Dusty Scarlet
#503835 - Deep Dusty Scarlet
#684945
Frequently asked questions
What is the HEX code for Muted Scarlet?
The HEX code for Muted Scarlet is #B2574D.
What is the RGB value of Muted Scarlet?
Muted Scarlet has an RGB value of 178, 87, 77 (rgb(178, 87, 77)). In HSL it is 6°, 40%, 50%.
What text color should I use on Muted Scarlet?
Use white text on Muted Scarlet. White text has a contrast ratio of 4.81:1 and black text has 4.36:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Scarlet?
The complementary color of Muted Scarlet is #4DA8B3. Analogous colors #B34D75 and #B38A4D also pair well.