Dusty Red is a medium, muted shade in the red color family, with a warm feel. Its HEX code is #996666, which equals rgb(153, 102, 102) in RGB and hsl(0, 20%, 50%) in HSL. In print terms it converts to roughly C0 M33 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#996666 - RGB
153, 102, 102 - HSL
0°, 20%, 50% - CMYK
0, 33, 33, 40 - Family
Red - Tone
Medium, muted
About Dusty Red
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 white is the most readable choice on this color, with a contrast ratio of 4.72:1. Its complementary color is #669999.
Download Dusty Red 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 Red color codes
| HEX | #996666 |
|---|---|
| RGB | rgb(153, 102, 102) |
| HSL | hsl(0, 20%, 50%) |
| HSV | 0°, 33%, 60% |
| CMYK | 0%, 33%, 33%, 40% |
| Decimal | 10053222 |
Shades and tints of Dusty Red
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEE6E6 - 100
#DDCCCC - 200
#CCB3B3 - 300
#BB9999 - 400
#AA8080 - 500
#996666 - 600
#805555 - 700
#664444 - 800
#4D3333 - 900
#332222 - 950
#1A1111
Color harmonies for Dusty Red
- Complementary
#669999≈ Dusty Teal - Analogous −30°
#996680≈ Dusty Rose - Analogous +30°
#998066≈ Dusty Tangerine - Triadic +120°
#669966≈ Dusty Shamrock - Triadic +240°
#666699≈ Dusty Ultramarine - Split 150°
#669980≈ Dusty Seafoam - Split 210°
#668099≈ Dusty Cerulean
Contrast and accessibility of Dusty Red
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Red | Aa | 4.72:1 | AA (good) |
| Black text on Dusty Red | Aa | 4.45:1 | AA Large only |
CSS code for Dusty Red
background-color: #996666;color: #996666;background-color: rgb(153, 102, 102);background-color: hsl(0, 20%, 50%);:root { --color-dusty-red: #996666; }class="bg-[#996666]"Colors similar to Dusty Red
- Dusty Cardinal
#99666B - Dusty Scarlet
#996B66 - Dusty Crimson
#996670 - Dusty Vermilion
#997066 - Dusty Ruby
#996675 - Dusty Cinnabar
#997566 - Dusty Carmine
#99667A - Dusty Persimmon
#997A66 - Dusty Blush
#996680 - Medium Dark Dusty Persimmon
#816756 - Medium Dark Dusty Cinnabar
#816356 - Medium Dark Dusty Orange
#816B56
More red shades
- Medium Light Muted Red
#BF6969 - Light Muted Red
#CB8686 - Very Dark Dusty Red
#372525 - Dark Dusty Red
#503535 - Deep Dusty Red
#684545 - Medium Dark Dusty Red
#815656 - Medium Light Dusty Red
#A97E7E - Light Dusty Red
#BA9797 - Darkest Scarlet
#330500 - Very Dark Scarlet
#5C0900 - Dark Scarlet
#850D00
Frequently asked questions
What is the HEX code for Dusty Red?
The HEX code for Dusty Red is #996666.
What is the RGB value of Dusty Red?
Dusty Red has an RGB value of 153, 102, 102 (rgb(153, 102, 102)). In HSL it is 0°, 20%, 50%.
What text color should I use on Dusty Red?
Use white text on Dusty Red. White text has a contrast ratio of 4.72:1 and black text has 4.45:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Red?
The complementary color of Dusty Red is #669999. Analogous colors #996680 and #998066 also pair well.