Dusty Scarlet is a medium, muted shade in the red color family, with a warm feel. Its HEX code is #996B66, which equals rgb(153, 107, 102) in RGB and hsl(6, 20%, 50%) in HSL. In print terms it converts to roughly C0 M30 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#996B66 - RGB
153, 107, 102 - HSL
6°, 20%, 50% - CMYK
0, 30, 33, 40 - Family
Red - Tone
Medium, muted
About Dusty 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. 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.65:1. Its complementary color is #669499.
Download Dusty 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…
Dusty Scarlet color codes
| HEX | #996B66 |
|---|---|
| RGB | rgb(153, 107, 102) |
| HSL | hsl(6, 20%, 50%) |
| HSV | 6°, 33%, 60% |
| CMYK | 0%, 30%, 33%, 40% |
| Decimal | 10054502 |
Shades and tints of Dusty Scarlet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEE6E6 - 100
#DDCECC - 200
#CCB5B3 - 300
#BB9C99 - 400
#AA8480 - 500
#996B66 - 600
#805955 - 700
#664744 - 800
#4D3633 - 900
#332422 - 950
#1A1211
Color harmonies for Dusty Scarlet
- Complementary
#669499≈ Dusty Cyan - Analogous −30°
#99667A≈ Dusty Ruby - Analogous +30°
#998566≈ Dusty Orange - Triadic +120°
#66996B≈ Dusty Green - Triadic +240°
#6B6699≈ Dusty Blue - Split 150°
#669985≈ Dusty Mint - Split 210°
#667A99≈ Dusty Cerulean
Contrast and accessibility of Dusty Scarlet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Scarlet | Aa | 4.52:1 | AA (good) |
| Black text on Dusty Scarlet | Aa | 4.65:1 | AA (good) |
CSS code for Dusty Scarlet
background-color: #996B66;color: #996B66;background-color: rgb(153, 107, 102);background-color: hsl(6, 20%, 50%);:root { --color-dusty-scarlet: #996B66; }class="bg-[#996B66]"Colors similar to Dusty Scarlet
- Dusty Red
#996666 - Dusty Vermilion
#997066 - Dusty Cardinal
#99666B - Dusty Crimson
#996670 - Dusty Cinnabar
#997566 - Dusty Ruby
#996675 - Dusty Persimmon
#997A66 - Dusty Carmine
#99667A - Dusty Blush
#996680 - Dusty Orange
#998066 - Medium Dark Dusty Orange
#816B56 - Medium Dark Dusty Persimmon
#816756
More red shades
- Medium Light Muted Scarlet
#BF7269 - Light Muted Scarlet
#CB8D86 - Very Dark Dusty Scarlet
#372725 - Dark Dusty Scarlet
#503835 - Deep Dusty Scarlet
#684945 - Medium Dark Dusty Scarlet
#815A56 - Medium Light Dusty Scarlet
#A9837E - Light Dusty Scarlet
#BA9A97 - Darkest Vermilion
#330A00 - Very Dark Vermilion
#5C1200 - Dark Vermilion
#851B00
Frequently asked questions
What is the HEX code for Dusty Scarlet?
The HEX code for Dusty Scarlet is #996B66.
What is the RGB value of Dusty Scarlet?
Dusty Scarlet has an RGB value of 153, 107, 102 (rgb(153, 107, 102)). In HSL it is 6°, 20%, 50%.
What text color should I use on Dusty Scarlet?
Use black text on Dusty Scarlet. White text has a contrast ratio of 4.52:1 and black text has 4.65:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Scarlet?
The complementary color of Dusty Scarlet is #669499. Analogous colors #99667A and #998566 also pair well.