Dark Dusty Orange is a dark, muted shade in the brown color family, with a warm feel. Its HEX code is #504235, which equals rgb(80, 66, 53) in RGB and hsl(29, 20%, 26%) in HSL. In print terms it converts to roughly C0 M18 Y34 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#504235 - RGB
80, 66, 53 - HSL
29°, 20%, 26% - CMYK
0, 18, 34, 69 - Family
Brown - Tone
Dark, muted
About Dark 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. 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 9.67:1. Its complementary color is #354350.
Download Dark 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…
Dark Dusty Orange color codes
| HEX | #504235 |
|---|---|
| RGB | rgb(80, 66, 53) |
| HSL | hsl(29, 20%, 26%) |
| HSV | 29°, 34%, 31% |
| CMYK | 0%, 18%, 34%, 69% |
| Decimal | 5259829 |
Shades and tints of Dark Dusty Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2E0DD - 100
#C5C0BC - 200
#A8A19A - 300
#8A8178 - 400
#6D6257 - 500
#504235 - 600
#43372C - 700
#352C23 - 800
#28211B - 900
#1B1612 - 950
#0D0B09
Color harmonies for Dark Dusty Orange
- Complementary
#354350≈ Dark Dusty Cerulean - Analogous −30°
#503535≈ Dark Dusty Cardinal - Analogous +30°
#504F35≈ Dark Dusty Yellow - Triadic +120°
#355042≈ Dark Dusty Malachite - Triadic +240°
#423550≈ Dark Dusty Periwinkle - Split 150°
#35504F≈ Dark Dusty Cyan - Split 210°
#353550≈ Dark Dusty Ultramarine
Contrast and accessibility of Dark Dusty Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Orange | Aa | 9.67:1 | AAA (excellent) |
| Black text on Dark Dusty Orange | Aa | 2.17:1 | Fails |
CSS code for Dark Dusty Orange
background-color: #504235;color: #504235;background-color: rgb(80, 66, 53);background-color: hsl(29, 20%, 26%);:root { --color-dark-dusty-orange: #504235; }class="bg-[#504235]"Colors similar to Dark Dusty Orange
- Dark Dusty Persimmon
#504035 - Dark Dusty Tangerine
#504535 - Dark Dusty Cinnabar
#503D35 - Dark Dusty Amber
#504835 - Dark Dusty Vermilion
#503A35 - Dark Dusty Marigold
#504A35 - Taupe
#483C32 - Warm Gray 25
#45403A - Dark Dusty Scarlet
#503835 - Dark Dusty Gold
#504D35 - Dark Dusty Red
#503535 - Dark Dusty Cardinal
#503538
More brown shades
- Medium Light Muted Orange
#BF9469 - Light Muted Orange
#CBA886 - Pale Muted Orange
#D7BDA2 - Very Pale Muted Orange
#E3D1BF - Palest Muted Orange
#F0E6DB - Very Dark Dusty Orange
#372E25 - Deep Dusty Orange
#685745 - Medium Light Dusty Orange
#A9947E - Light Dusty Orange
#BAA897 - Pale Dusty Orange
#CABDAF - Very Pale Dusty Orange
#DAD1C8
Frequently asked questions
What is the HEX code for Dark Dusty Orange?
The HEX code for Dark Dusty Orange is #504235.
What is the RGB value of Dark Dusty Orange?
Dark Dusty Orange has an RGB value of 80, 66, 53 (rgb(80, 66, 53)). In HSL it is 29°, 20%, 26%.
What text color should I use on Dark Dusty Orange?
Use white text on Dark Dusty Orange. White text has a contrast ratio of 9.67:1 and black text has 2.17:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Orange?
The complementary color of Dark Dusty Orange is #354350. Analogous colors #503535 and #504F35 also pair well.