Dusty Orange is a medium, muted shade in the orange color family, with a warm feel. Its HEX code is #998066, which equals rgb(153, 128, 102) in RGB and hsl(31, 20%, 50%) in HSL. In print terms it converts to roughly C0 M16 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#998066 - RGB
153, 128, 102 - HSL
31°, 20%, 50% - CMYK
0, 16, 33, 40 - Family
Orange - Tone
Medium, muted
About Dusty Orange
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. 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 5.63:1. Its complementary color is #667F99.
Download Dusty Orange 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 Orange color codes
| HEX | #998066 |
|---|---|
| RGB | rgb(153, 128, 102) |
| HSL | hsl(31, 20%, 50%) |
| HSV | 31°, 33%, 60% |
| CMYK | 0%, 16%, 33%, 40% |
| Decimal | 10059878 |
Shades and tints of Dusty Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEEAE6 - 100
#DDD5CC - 200
#CCC0B3 - 300
#BBAA99 - 400
#AA9580 - 500
#998066 - 600
#806B55 - 700
#665544 - 800
#4D4033 - 900
#332B22 - 950
#1A1511
Color harmonies for Dusty Orange
- Complementary
#667F99≈ Dusty Cornflower - Analogous −30°
#996766≈ Dusty Red - Analogous +30°
#989966≈ Dusty Yellow - Triadic +120°
#669980≈ Dusty Seafoam - Triadic +240°
#806699≈ Dusty Violet - Split 150°
#669899≈ Dusty Cyan - Split 210°
#676699≈ Dusty Blue
Contrast and accessibility of Dusty Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Orange | Aa | 3.73:1 | AA Large only |
| Black text on Dusty Orange | Aa | 5.63:1 | AA (good) |
CSS code for Dusty Orange
background-color: #998066;color: #998066;background-color: rgb(153, 128, 102);background-color: hsl(31, 20%, 50%);:root { --color-dusty-orange: #998066; }class="bg-[#998066]"Colors similar to Dusty Orange
- Dusty Tangerine
#998566 - Dusty Persimmon
#997A66 - Dusty Amber
#998A66 - Dusty Cinnabar
#997566 - Dusty Marigold
#998F66 - Warm Gray 50
#8B8074 - Dusty Vermilion
#997066 - Dusty Gold
#999466 - Dusty Scarlet
#996B66 - Medium Light Dusty Red
#A97E7E - Medium Light Dusty Scarlet
#A9837E - Medium Dark Dusty Yellow
#818156
More orange shades
- Light Soft Orange
#DCA874 - Pale Soft Orange
#E4BD95 - Very Pale Soft Orange
#EDD1B6 - Palest Soft Orange
#F5E6D6 - Muted Orange
#B2804D - Medium Dark Dusty Orange
#816B56 - Pure Tangerine
#FF9900 - Medium Light Tangerine
#FFA929 - Light Tangerine
#FFBA52 - Pale Tangerine
#FFCA7A - Very Pale Tangerine
#FFDAA3
Frequently asked questions
What is the HEX code for Dusty Orange?
The HEX code for Dusty Orange is #998066.
What is the RGB value of Dusty Orange?
Dusty Orange has an RGB value of 153, 128, 102 (rgb(153, 128, 102)). In HSL it is 31°, 20%, 50%.
What text color should I use on Dusty Orange?
Use black text on Dusty Orange. White text has a contrast ratio of 3.73:1 and black text has 5.63:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Orange?
The complementary color of Dusty Orange is #667F99. Analogous colors #996766 and #989966 also pair well.