Deep Dusty Tangerine is a medium-dark, muted shade in the brown color family, with a warm feel. Its HEX code is #685A45, which equals rgb(104, 90, 69) in RGB and hsl(36, 20%, 34%) in HSL. In print terms it converts to roughly C0 M13 Y34 K59, although exact CMYK results depend on the paper and color profile.
- HEX
#685A45 - RGB
104, 90, 69 - HSL
36°, 20%, 34% - CMYK
0, 13, 34, 59 - Family
Brown - Tone
Medium-dark, muted
About Deep 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 6.69:1. Its complementary color is #455368.
Download Deep 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…
Deep Dusty Tangerine color codes
| HEX | #685A45 |
|---|---|
| RGB | rgb(104, 90, 69) |
| HSL | hsl(36, 20%, 34%) |
| HSV | 36°, 34%, 41% |
| CMYK | 0%, 13%, 34%, 59% |
| Decimal | 6838853 |
Shades and tints of Deep Dusty Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E4E0 - 100
#CDC8C1 - 200
#B4ADA2 - 300
#9A9183 - 400
#817664 - 500
#685A45 - 600
#574B3A - 700
#453C2E - 800
#342D23 - 900
#231E17 - 950
#110F0C
Color harmonies for Deep Dusty Tangerine
- Complementary
#455368≈ Deep Dusty Sapphire - Analogous −30°
#684945≈ Deep Dusty Vermilion - Analogous +30°
#656845≈ Deep Dusty Yellow - Triadic +120°
#45685A≈ Deep Dusty Mint - Triadic +240°
#5A4568≈ Deep Dusty Violet - Split 150°
#456568≈ Deep Dusty Cyan - Split 210°
#494568≈ Deep Dusty Indigo
Contrast and accessibility of Deep Dusty Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Dusty Tangerine | Aa | 6.69:1 | AA (good) |
| Black text on Deep Dusty Tangerine | Aa | 3.14:1 | AA Large only |
CSS code for Deep Dusty Tangerine
background-color: #685A45;color: #685A45;background-color: rgb(104, 90, 69);background-color: hsl(36, 20%, 34%);:root { --color-deep-dusty-tangerine: #685A45; }class="bg-[#685A45]"Colors similar to Deep Dusty Tangerine
- Deep Dusty Orange
#685745 - Deep Dusty Amber
#685E45 - Deep Dusty Persimmon
#685345 - Deep Dusty Marigold
#686145 - Umber
#635147 - Deep Dusty Cinnabar
#685045 - Deep Dusty Gold
#686545 - Warm Gray 35
#615951 - Deep Dusty Vermilion
#684C45 - Deep Dusty Yellow
#686845 - Deep Dusty Citron
#656845 - Deep Dusty Lime
#616845
More brown shades
- Light Muted Tangerine
#CBAF86 - Pale Muted Tangerine
#D7C2A2 - Very Pale Muted Tangerine
#E3D5BF - Palest Muted Tangerine
#F0E8DB - Very Dark Dusty Tangerine
#373025 - Dark Dusty Tangerine
#504535 - Medium Light Dusty Tangerine
#A9987E - Light Dusty Tangerine
#BAAC97 - Pale Dusty Tangerine
#CABFAF - Very Pale Dusty Tangerine
#DAD3C8 - Palest Dusty Tangerine
#EBE7E0
Frequently asked questions
What is the HEX code for Deep Dusty Tangerine?
The HEX code for Deep Dusty Tangerine is #685A45.
What is the RGB value of Deep Dusty Tangerine?
Deep Dusty Tangerine has an RGB value of 104, 90, 69 (rgb(104, 90, 69)). In HSL it is 36°, 20%, 34%.
What text color should I use on Deep Dusty Tangerine?
Use white text on Deep Dusty Tangerine. White text has a contrast ratio of 6.69:1 and black text has 3.14:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Dusty Tangerine?
The complementary color of Deep Dusty Tangerine is #455368. Analogous colors #684945 and #656845 also pair well.