Dusty Vermilion is a medium, muted shade in the red color family, with a warm feel. Its HEX code is #997066, which equals rgb(153, 112, 102) in RGB and hsl(12, 20%, 50%) in HSL. In print terms it converts to roughly C0 M27 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#997066 - RGB
153, 112, 102 - HSL
12°, 20%, 50% - CMYK
0, 27, 33, 40 - Family
Red - Tone
Medium, muted
About Dusty 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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 4.86:1. Its complementary color is #668F99.
Download Dusty 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…
Dusty Vermilion color codes
| HEX | #997066 |
|---|---|
| RGB | rgb(153, 112, 102) |
| HSL | hsl(12, 20%, 50%) |
| HSV | 12°, 33%, 60% |
| CMYK | 0%, 27%, 33%, 40% |
| Decimal | 10055782 |
Shades and tints of Dusty Vermilion
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEE7E6 - 100
#DDCFCC - 200
#CCB8B3 - 300
#BBA099 - 400
#AA8880 - 500
#997066 - 600
#805D55 - 700
#664B44 - 800
#4D3833 - 900
#332522 - 950
#1A1311
Color harmonies for Dusty Vermilion
- Complementary
#668F99≈ Dusty Lagoon - Analogous −30°
#996675≈ Dusty Carmine - Analogous +30°
#998A66≈ Dusty Tangerine - Triadic +120°
#669970≈ Dusty Kelly - Triadic +240°
#706699≈ Dusty Ultramarine - Split 150°
#66998A≈ Dusty Seafoam - Split 210°
#667599≈ Dusty Cornflower
Contrast and accessibility of Dusty Vermilion
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Vermilion | Aa | 4.32:1 | AA Large only |
| Black text on Dusty Vermilion | Aa | 4.86:1 | AA (good) |
CSS code for Dusty Vermilion
background-color: #997066;color: #997066;background-color: rgb(153, 112, 102);background-color: hsl(12, 20%, 50%);:root { --color-dusty-vermilion: #997066; }class="bg-[#997066]"Colors similar to Dusty Vermilion
- Dusty Scarlet
#996B66 - Dusty Cinnabar
#997566 - Dusty Red
#996666 - Dusty Persimmon
#997A66 - Dusty Cardinal
#99666B - Dusty Crimson
#996670 - Dusty Ruby
#996675 - Dusty Orange
#998066 - Dusty Carmine
#99667A - Dusty Tangerine
#998566 - Warm Gray 50
#8B8074 - Dusty Blush
#996680
More red shades
- Medium Light Muted Vermilion
#BF7A69 - Light Muted Vermilion
#CB9386 - Very Dark Dusty Vermilion
#372825 - Dark Dusty Vermilion
#503A35 - Deep Dusty Vermilion
#684C45 - Medium Dark Dusty Vermilion
#815E56 - Medium Light Dusty Vermilion
#A9877E - Light Dusty Vermilion
#BA9E97 - Darkest Ruby
#33000F - Very Dark Ruby
#5C001C - Dark Ruby
#850028
Frequently asked questions
What is the HEX code for Dusty Vermilion?
The HEX code for Dusty Vermilion is #997066.
What is the RGB value of Dusty Vermilion?
Dusty Vermilion has an RGB value of 153, 112, 102 (rgb(153, 112, 102)). In HSL it is 12°, 20%, 50%.
What text color should I use on Dusty Vermilion?
Use black text on Dusty Vermilion. White text has a contrast ratio of 4.32:1 and black text has 4.86:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Vermilion?
The complementary color of Dusty Vermilion is #668F99. Analogous colors #996675 and #998A66 also pair well.