Deep Dusty Yellow is a medium-dark, muted shade in the yellow color family, with a warm feel. Its HEX code is #686845, which equals rgb(104, 104, 69) in RGB and hsl(60, 20%, 34%) in HSL. In print terms it converts to roughly C0 M0 Y34 K59, although exact CMYK results depend on the paper and color profile.
- HEX
#686845 - RGB
104, 104, 69 - HSL
60°, 20%, 34% - CMYK
0, 0, 34, 59 - Family
Yellow - Tone
Medium-dark, muted
About Deep Dusty Yellow
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful 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 5.75:1. Its complementary color is #454568.
Download Deep Dusty Yellow 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 Yellow color codes
| HEX | #686845 |
|---|---|
| RGB | rgb(104, 104, 69) |
| HSL | hsl(60, 20%, 34%) |
| HSV | 60°, 34%, 41% |
| CMYK | 0%, 0%, 34%, 59% |
| Decimal | 6842437 |
Shades and tints of Deep Dusty Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E6E0 - 100
#CDCDC1 - 200
#B4B4A2 - 300
#9A9A83 - 400
#818164 - 500
#686845 - 600
#57573A - 700
#45452E - 800
#343423 - 900
#232317 - 950
#11110C
Color harmonies for Deep Dusty Yellow
- Complementary
#454568≈ Deep Dusty Ultramarine - Analogous −30°
#685745≈ Deep Dusty Tangerine - Analogous +30°
#576845≈ Deep Dusty Spring Bud - Triadic +120°
#456868≈ Deep Dusty Teal - Triadic +240°
#684568≈ Deep Dusty Orchid - Split 150°
#455768≈ Deep Dusty Azure - Split 210°
#574568≈ Deep Dusty Amethyst
Contrast and accessibility of Deep Dusty Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Dusty Yellow | Aa | 5.75:1 | AA (good) |
| Black text on Deep Dusty Yellow | Aa | 3.65:1 | AA Large only |
CSS code for Deep Dusty Yellow
background-color: #686845;color: #686845;background-color: rgb(104, 104, 69);background-color: hsl(60, 20%, 34%);:root { --color-deep-dusty-yellow: #686845; }class="bg-[#686845]"Colors similar to Deep Dusty Yellow
- Deep Dusty Citron
#656845 - Deep Dusty Gold
#686545 - Deep Dusty Lime
#616845 - Deep Dusty Marigold
#686145 - Deep Dusty Chartreuse
#5E6845 - Deep Dusty Amber
#685E45 - Deep Dusty Spring Bud
#5A6845 - Deep Dusty Apple
#576845 - Deep Dusty Tangerine
#685A45 - Deep Dusty Fern
#536845 - Deep Dusty Orange
#685745 - Deep Dusty Leaf
#506845
More yellow shades
- Light Muted Yellow
#CBCB86 - Pale Muted Yellow
#D7D7A2 - Very Pale Muted Yellow
#E3E3BF - Palest Muted Yellow
#F0F0DB - Very Dark Dusty Yellow
#373725 - Dark Dusty Yellow
#505035 - Medium Dark Dusty Yellow
#818156 - Dusty Yellow
#999966 - Medium Light Dusty Yellow
#A9A97E - Light Dusty Yellow
#BABA97 - Pale Dusty Yellow
#CACAAF
Frequently asked questions
What is the HEX code for Deep Dusty Yellow?
The HEX code for Deep Dusty Yellow is #686845.
What is the RGB value of Deep Dusty Yellow?
Deep Dusty Yellow has an RGB value of 104, 104, 69 (rgb(104, 104, 69)). In HSL it is 60°, 20%, 34%.
What text color should I use on Deep Dusty Yellow?
Use white text on Deep Dusty Yellow. White text has a contrast ratio of 5.75:1 and black text has 3.65:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Dusty Yellow?
The complementary color of Deep Dusty Yellow is #454568. Analogous colors #685745 and #576845 also pair well.