Muted Ruby is a medium, moderately saturated shade in the red color family, with a warm feel. Its HEX code is #B24D6B, which equals rgb(178, 77, 107) in RGB and hsl(342, 40%, 50%) in HSL. In print terms it converts to roughly C0 M57 Y40 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B24D6B - RGB
178, 77, 107 - HSL
342°, 40%, 50% - CMYK
0, 57, 40, 30 - Family
Red - Tone
Medium, moderately saturated
About Muted Ruby
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 5.04:1. Its complementary color is #4DB394.
Download Muted Ruby 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 Ruby color codes
| HEX | #B24D6B |
|---|---|
| RGB | rgb(178, 77, 107) |
| HSL | hsl(342, 40%, 50%) |
| HSV | 342°, 57%, 70% |
| CMYK | 0%, 57%, 40%, 30% |
| Decimal | 11685227 |
Shades and tints of Muted Ruby
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E1E6 - 100
#E5C4CE - 200
#D9A6B5 - 300
#CC889C - 400
#BF6B84 - 500
#B24D6B - 600
#944059 - 700
#773347 - 800
#592736 - 900
#3B1A24 - 950
#1E0D12
Color harmonies for Muted Ruby
- Complementary
#4DB394≈ Muted Aquamarine - Analogous −30°
#B34D9E≈ Muted Cerise - Analogous +30°
#B3614D≈ Muted Vermilion - Triadic +120°
#6BB34D≈ Muted Leaf - Triadic +240°
#4D6BB3≈ Muted Sapphire - Split 150°
#4DB361≈ Muted Emerald - Split 210°
#4D9EB3≈ Muted Peacock
Contrast and accessibility of Muted Ruby
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Ruby | Aa | 5.04:1 | AA (good) |
| Black text on Muted Ruby | Aa | 4.17:1 | AA Large only |
CSS code for Muted Ruby
background-color: #B24D6B;color: #B24D6B;background-color: rgb(178, 77, 107);background-color: hsl(342, 40%, 50%);:root { --color-muted-ruby: #B24D6B; }class="bg-[#B24D6B]"Colors similar to Muted Ruby
- Muted Carmine
#B24D75 - Muted Crimson
#B24D61 - Muted Cardinal
#B24D57 - Muted Blush
#B24D80 - Muted Red
#B24D4D - Muted Rose
#B24D8A - Muted Scarlet
#B2574D - Medium Dark Muted Blush
#96406B - Medium Dark Muted Carmine
#964063 - Medium Dark Muted Rose
#964074 - Medium Light Soft Crimson
#D4546D - Indian Red
#CD5C5C
More red shades
- Light Soft Ruby
#DC7493 - Darkest Muted Ruby
#240F15 - Very Dark Muted Ruby
#401C27 - Dark Muted Ruby
#5D2838 - Deep Muted Ruby
#793449 - Medium Dark Muted Ruby
#96405A - Medium Light Muted Ruby
#BF6983 - Light Muted Ruby
#CB869A - Very Dark Dusty Ruby
#37252A - Dark Dusty Ruby
#50353D - Deep Dusty Ruby
#684550
Frequently asked questions
What is the HEX code for Muted Ruby?
The HEX code for Muted Ruby is #B24D6B.
What is the RGB value of Muted Ruby?
Muted Ruby has an RGB value of 178, 77, 107 (rgb(178, 77, 107)). In HSL it is 342°, 40%, 50%.
What text color should I use on Muted Ruby?
Use white text on Muted Ruby. White text has a contrast ratio of 5.04:1 and black text has 4.17:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Ruby?
The complementary color of Muted Ruby is #4DB394. Analogous colors #B34D9E and #B3614D also pair well.