Dark Dusty Tangerine is a dark, muted shade in the brown color family, with a warm feel. Its HEX code is #504535, which equals rgb(80, 69, 53) in RGB and hsl(36, 20%, 26%) in HSL. In print terms it converts to roughly C0 M14 Y34 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#504535 - RGB
80, 69, 53 - HSL
36°, 20%, 26% - CMYK
0, 14, 34, 69 - Family
Brown - Tone
Dark, muted
About Dark Dusty Tangerine
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 9.36:1. Its complementary color is #354050.
Download Dark 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…
Dark Dusty Tangerine color codes
| HEX | #504535 |
|---|---|
| RGB | rgb(80, 69, 53) |
| HSL | hsl(36, 20%, 26%) |
| HSV | 36°, 34%, 31% |
| CMYK | 0%, 14%, 34%, 69% |
| Decimal | 5260597 |
Shades and tints of Dark Dusty Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2E0DD - 100
#C5C1BC - 200
#A8A29A - 300
#8A8378 - 400
#6D6457 - 500
#504535 - 600
#433A2C - 700
#352E23 - 800
#28231B - 900
#1B1712 - 950
#0D0C09
Color harmonies for Dark Dusty Tangerine
- Complementary
#354050≈ Dark Dusty Cerulean - Analogous −30°
#503835≈ Dark Dusty Vermilion - Analogous +30°
#4D5035≈ Dark Dusty Lime - Triadic +120°
#355045≈ Dark Dusty Mint - Triadic +240°
#453550≈ Dark Dusty Violet - Split 150°
#354D50≈ Dark Dusty Cyan - Split 210°
#383550≈ Dark Dusty Indigo
Contrast and accessibility of Dark Dusty Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Tangerine | Aa | 9.36:1 | AAA (excellent) |
| Black text on Dark Dusty Tangerine | Aa | 2.24:1 | Fails |
CSS code for Dark Dusty Tangerine
background-color: #504535;color: #504535;background-color: rgb(80, 69, 53);background-color: hsl(36, 20%, 26%);:root { --color-dark-dusty-tangerine: #504535; }class="bg-[#504535]"Colors similar to Dark Dusty Tangerine
- Dark Dusty Orange
#504235 - Dark Dusty Amber
#504835 - Dark Dusty Persimmon
#504035 - Dark Dusty Marigold
#504A35 - Dark Dusty Cinnabar
#503D35 - Dark Dusty Gold
#504D35 - Warm Gray 25
#45403A - Dark Dusty Vermilion
#503A35 - Dark Dusty Yellow
#505035 - Taupe
#483C32 - Dark Dusty Citron
#4D5035 - Dark Dusty Lime
#4A5035
More brown shades
- Medium Light Muted Tangerine
#BF9C69 - Light Muted Tangerine
#CBAF86 - Pale Muted Tangerine
#D7C2A2 - Very Pale Muted Tangerine
#E3D5BF - Palest Muted Tangerine
#F0E8DB - Very Dark Dusty Tangerine
#373025 - Deep Dusty Tangerine
#685A45 - Medium Light Dusty Tangerine
#A9987E - Light Dusty Tangerine
#BAAC97 - Pale Dusty Tangerine
#CABFAF - Very Pale Dusty Tangerine
#DAD3C8
Frequently asked questions
What is the HEX code for Dark Dusty Tangerine?
The HEX code for Dark Dusty Tangerine is #504535.
What is the RGB value of Dark Dusty Tangerine?
Dark Dusty Tangerine has an RGB value of 80, 69, 53 (rgb(80, 69, 53)). In HSL it is 36°, 20%, 26%.
What text color should I use on Dark Dusty Tangerine?
Use white text on Dark Dusty Tangerine. White text has a contrast ratio of 9.36:1 and black text has 2.24:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Tangerine?
The complementary color of Dark Dusty Tangerine is #354050. Analogous colors #503835 and #4D5035 also pair well.