Deep Dusty Orange is a medium-dark, muted shade in the brown color family, with a warm feel. Its HEX code is #685745, which equals rgb(104, 87, 69) in RGB and hsl(31, 20%, 34%) in HSL. In print terms it converts to roughly C0 M16 Y34 K59, although exact CMYK results depend on the paper and color profile.
- HEX
#685745 - RGB
104, 87, 69 - HSL
31°, 20%, 34% - CMYK
0, 16, 34, 59 - Family
Brown - Tone
Medium-dark, muted
About Deep Dusty Orange
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 6.91:1. Its complementary color is #455668.
Download Deep 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…
Deep Dusty Orange color codes
| HEX | #685745 |
|---|---|
| RGB | rgb(104, 87, 69) |
| HSL | hsl(31, 20%, 34%) |
| HSV | 31°, 34%, 41% |
| CMYK | 0%, 16%, 34%, 59% |
| Decimal | 6838085 |
Shades and tints of Deep Dusty Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E3E0 - 100
#CDC7C1 - 200
#B4ABA2 - 300
#9A8F83 - 400
#817364 - 500
#685745 - 600
#57493A - 700
#453A2E - 800
#342C23 - 900
#231D17 - 950
#110F0C
Color harmonies for Deep Dusty Orange
- Complementary
#455668≈ Deep Dusty Cerulean - Analogous −30°
#684645≈ Deep Dusty Red - Analogous +30°
#676845≈ Deep Dusty Yellow - Triadic +120°
#456857≈ Deep Dusty Seafoam - Triadic +240°
#574568≈ Deep Dusty Amethyst - Split 150°
#456768≈ Deep Dusty Cyan - Split 210°
#464568≈ Deep Dusty Blue
Contrast and accessibility of Deep Dusty Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Dusty Orange | Aa | 6.91:1 | AA (good) |
| Black text on Deep Dusty Orange | Aa | 3.04:1 | AA Large only |
CSS code for Deep Dusty Orange
background-color: #685745;color: #685745;background-color: rgb(104, 87, 69);background-color: hsl(31, 20%, 34%);:root { --color-deep-dusty-orange: #685745; }class="bg-[#685745]"Colors similar to Deep Dusty Orange
- Deep Dusty Tangerine
#685A45 - Deep Dusty Persimmon
#685345 - Deep Dusty Cinnabar
#685045 - Deep Dusty Amber
#685E45 - Umber
#635147 - Deep Dusty Marigold
#686145 - Deep Dusty Vermilion
#684C45 - Warm Gray 35
#615951 - Deep Dusty Scarlet
#684945 - Deep Dusty Gold
#686545 - Coffee
#6F4E37 - Deep Dusty Yellow
#686845
More brown shades
- Light Muted Orange
#CBA886 - Pale Muted Orange
#D7BDA2 - Very Pale Muted Orange
#E3D1BF - Palest Muted Orange
#F0E6DB - Very Dark Dusty Orange
#372E25 - Dark Dusty Orange
#504235 - Medium Light Dusty Orange
#A9947E - Light Dusty Orange
#BAA897 - Pale Dusty Orange
#CABDAF - Very Pale Dusty Orange
#DAD1C8 - Palest Dusty Orange
#EBE6E0
Frequently asked questions
What is the HEX code for Deep Dusty Orange?
The HEX code for Deep Dusty Orange is #685745.
What is the RGB value of Deep Dusty Orange?
Deep Dusty Orange has an RGB value of 104, 87, 69 (rgb(104, 87, 69)). In HSL it is 31°, 20%, 34%.
What text color should I use on Deep Dusty Orange?
Use white text on Deep Dusty Orange. White text has a contrast ratio of 6.91:1 and black text has 3.04:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Dusty Orange?
The complementary color of Deep Dusty Orange is #455668. Analogous colors #684645 and #676845 also pair well.