Dusty Amber is a medium, muted shade in the orange color family, with a warm feel. Its HEX code is #998A66, which equals rgb(153, 138, 102) in RGB and hsl(42, 20%, 50%) in HSL. In print terms it converts to roughly C0 M10 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#998A66 - RGB
153, 138, 102 - HSL
42°, 20%, 50% - CMYK
0, 10, 33, 40 - Family
Orange - Tone
Medium, muted
About Dusty Amber
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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 6.18:1. Its complementary color is #667599.
Download Dusty Amber 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 Amber color codes
| HEX | #998A66 |
|---|---|
| RGB | rgb(153, 138, 102) |
| HSL | hsl(42, 20%, 50%) |
| HSV | 42°, 33%, 60% |
| CMYK | 0%, 10%, 33%, 40% |
| Decimal | 10062438 |
Shades and tints of Dusty Amber
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEECE6 - 100
#DDD8CC - 200
#CCC5B3 - 300
#BBB199 - 400
#AA9E80 - 500
#998A66 - 600
#807355 - 700
#665C44 - 800
#4D4533 - 900
#332E22 - 950
#1A1711
Color harmonies for Dusty Amber
- Complementary
#667599≈ Dusty Cornflower - Analogous −30°
#997066≈ Dusty Scarlet - Analogous +30°
#8F9966≈ Dusty Chartreuse - Triadic +120°
#66998A≈ Dusty Seafoam - Triadic +240°
#8A6699≈ Dusty Amethyst - Split 150°
#668F99≈ Dusty Lagoon - Split 210°
#706699≈ Dusty Ultramarine
Contrast and accessibility of Dusty Amber
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Amber | Aa | 3.40:1 | AA Large only |
| Black text on Dusty Amber | Aa | 6.18:1 | AA (good) |
CSS code for Dusty Amber
background-color: #998A66;color: #998A66;background-color: rgb(153, 138, 102);background-color: hsl(42, 20%, 50%);:root { --color-dusty-amber: #998A66; }class="bg-[#998A66]"Colors similar to Dusty Amber
- Dusty Tangerine
#998566 - Dusty Marigold
#998F66 - Dusty Orange
#998066 - Dusty Gold
#999466 - Dusty Yellow
#999966 - Dusty Citron
#949966 - Dusty Persimmon
#997A66 - Dusty Lime
#8F9966 - Warm Gray 50
#8B8074 - Dusty Chartreuse
#8A9966 - Dusty Cinnabar
#997566 - Moss Green
#8A9A5B
More orange shades
- Pale Bright Amber
#F2D288 - Very Pale Bright Amber
#F6E0AC - Palest Bright Amber
#FAEED1 - Soft Amber
#CC9E33 - Medium Light Soft Amber
#D4AE54 - Light Soft Amber
#DCBD74 - Pale Soft Amber
#E4CD95 - Very Pale Soft Amber
#EDDCB6 - Palest Soft Amber
#F5ECD6 - Muted Amber
#B2944D - Medium Dark Dusty Amber
#817456
Frequently asked questions
What is the HEX code for Dusty Amber?
The HEX code for Dusty Amber is #998A66.
What is the RGB value of Dusty Amber?
Dusty Amber has an RGB value of 153, 138, 102 (rgb(153, 138, 102)). In HSL it is 42°, 20%, 50%.
What text color should I use on Dusty Amber?
Use black text on Dusty Amber. White text has a contrast ratio of 3.40:1 and black text has 6.18:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Amber?
The complementary color of Dusty Amber is #667599. Analogous colors #997066 and #8F9966 also pair well.