Muted Vermilion is a medium, moderately saturated shade in the red color family, with a warm feel. Its HEX code is #B2614D, which equals rgb(178, 97, 77) in RGB and hsl(12, 40%, 50%) in HSL. In print terms it converts to roughly C0 M46 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#B2614D - RGB
178, 97, 77 - HSL
12°, 40%, 50% - CMYK
0, 46, 57, 30 - Family
Red - Tone
Medium, moderately saturated
About Muted Vermilion
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 black is the most readable choice on this color, with a contrast ratio of 4.71:1. Its complementary color is #4D9EB3.
Download Muted Vermilion 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 Vermilion color codes
| HEX | #B2614D |
|---|---|
| RGB | rgb(178, 97, 77) |
| HSL | hsl(12, 40%, 50%) |
| HSV | 12°, 57%, 70% |
| CMYK | 0%, 46%, 57%, 30% |
| Decimal | 11690317 |
Shades and tints of Muted Vermilion
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E5E1 - 100
#E5CAC4 - 200
#D9B0A6 - 300
#CC9688 - 400
#BF7B6B - 500
#B2614D - 600
#945140 - 700
#774133 - 800
#593127 - 900
#3B201A - 950
#1E100D
Color harmonies for Muted Vermilion
- Complementary
#4D9EB3≈ Muted Peacock - Analogous −30°
#B34D6B≈ Muted Ruby - Analogous +30°
#B3944D≈ Muted Amber - Triadic +120°
#4DB361≈ Muted Emerald - Triadic +240°
#614DB3≈ Muted Indigo - Split 150°
#4DB394≈ Muted Aquamarine - Split 210°
#4D6BB3≈ Muted Sapphire
Contrast and accessibility of Muted Vermilion
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Vermilion | Aa | 4.46:1 | AA Large only |
| Black text on Muted Vermilion | Aa | 4.71:1 | AA (good) |
CSS code for Muted Vermilion
background-color: #B2614D;color: #B2614D;background-color: rgb(178, 97, 77);background-color: hsl(12, 40%, 50%);:root { --color-muted-vermilion: #B2614D; }class="bg-[#B2614D]"Colors similar to Muted Vermilion
- Muted Scarlet
#B2574D - Muted Cinnabar
#B26B4D - Muted Red
#B24D4D - Muted Persimmon
#B2754D - Muted Cardinal
#B24D57 - Medium Dark Muted Persimmon
#966340 - Medium Light Muted Red
#BF6969 - Muted Crimson
#B24D61 - Indian Red
#CD5C5C - Medium Dark Muted Cinnabar
#965A40 - Medium Dark Soft Persimmon
#AB5E2B - Medium Dark Muted Orange
#966B40
More red shades
- Light Soft Vermilion
#DC8974 - Darkest Muted Vermilion
#24130F - Very Dark Muted Vermilion
#40231C - Dark Muted Vermilion
#5D3228 - Deep Muted Vermilion
#794234 - Medium Dark Muted Vermilion
#965140 - Medium Light Muted Vermilion
#BF7A69 - Light Muted Vermilion
#CB9386 - Very Dark Dusty Vermilion
#372825 - Dark Dusty Vermilion
#503A35 - Deep Dusty Vermilion
#684C45
Frequently asked questions
What is the HEX code for Muted Vermilion?
The HEX code for Muted Vermilion is #B2614D.
What is the RGB value of Muted Vermilion?
Muted Vermilion has an RGB value of 178, 97, 77 (rgb(178, 97, 77)). In HSL it is 12°, 40%, 50%.
What text color should I use on Muted Vermilion?
Use black text on Muted Vermilion. White text has a contrast ratio of 4.46:1 and black text has 4.71:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Vermilion?
The complementary color of Muted Vermilion is #4D9EB3. Analogous colors #B34D6B and #B3944D also pair well.