Dusty Tangerine is a medium, muted shade in the orange color family, with a warm feel. Its HEX code is #998566, which equals rgb(153, 133, 102) in RGB and hsl(36, 20%, 50%) in HSL. In print terms it converts to roughly C0 M13 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#998566 - RGB
153, 133, 102 - HSL
36°, 20%, 50% - CMYK
0, 13, 33, 40 - Family
Orange - Tone
Medium, muted
About Dusty Tangerine
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. 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 5.90:1. Its complementary color is #667A99.
Download Dusty Tangerine 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 Tangerine color codes
| HEX | #998566 |
|---|---|
| RGB | rgb(153, 133, 102) |
| HSL | hsl(36, 20%, 50%) |
| HSV | 36°, 33%, 60% |
| CMYK | 0%, 13%, 33%, 40% |
| Decimal | 10061158 |
Shades and tints of Dusty Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEEBE6 - 100
#DDD6CC - 200
#CCC2B3 - 300
#BBAE99 - 400
#AA9980 - 500
#998566 - 600
#806F55 - 700
#665944 - 800
#4D4333 - 900
#332C22 - 950
#1A1611
Color harmonies for Dusty Tangerine
- Complementary
#667A99≈ Dusty Cerulean - Analogous −30°
#996B66≈ Dusty Red - Analogous +30°
#949966≈ Dusty Lime - Triadic +120°
#669985≈ Dusty Mint - Triadic +240°
#856699≈ Dusty Grape - Split 150°
#669499≈ Dusty Cyan - Split 210°
#6B6699≈ Dusty Blue
Contrast and accessibility of Dusty Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Tangerine | Aa | 3.56:1 | AA Large only |
| Black text on Dusty Tangerine | Aa | 5.90:1 | AA (good) |
CSS code for Dusty Tangerine
background-color: #998566;color: #998566;background-color: rgb(153, 133, 102);background-color: hsl(36, 20%, 50%);:root { --color-dusty-tangerine: #998566; }class="bg-[#998566]"Colors similar to Dusty Tangerine
- Dusty Orange
#998066 - Dusty Amber
#998A66 - Dusty Marigold
#998F66 - Dusty Persimmon
#997A66 - Dusty Gold
#999466 - Dusty Cinnabar
#997566 - Warm Gray 50
#8B8074 - Dusty Yellow
#999966 - Dusty Citron
#949966 - Dusty Vermilion
#997066 - Dusty Lime
#8F9966 - Medium Light Dusty Scarlet
#A9837E
More orange shades
- Light Soft Tangerine
#DCB374 - Pale Soft Tangerine
#E4C595 - Very Pale Soft Tangerine
#EDD7B6 - Palest Soft Tangerine
#F5E9D6 - Muted Tangerine
#B28A4D - Medium Dark Dusty Tangerine
#816F56 - Pure Amber
#FFB200 - Medium Light Amber
#FFBF29 - Light Amber
#FFCB52 - Pale Amber
#FFD77A - Very Pale Amber
#FFE3A3
Frequently asked questions
What is the HEX code for Dusty Tangerine?
The HEX code for Dusty Tangerine is #998566.
What is the RGB value of Dusty Tangerine?
Dusty Tangerine has an RGB value of 153, 133, 102 (rgb(153, 133, 102)). In HSL it is 36°, 20%, 50%.
What text color should I use on Dusty Tangerine?
Use black text on Dusty Tangerine. White text has a contrast ratio of 3.56:1 and black text has 5.90:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Tangerine?
The complementary color of Dusty Tangerine is #667A99. Analogous colors #996B66 and #949966 also pair well.