Dark Dusty Yellow is a dark, muted shade in the yellow color family, with a warm feel. Its HEX code is #505035, which equals rgb(80, 80, 53) in RGB and hsl(60, 20%, 26%) in HSL. In print terms it converts to roughly C0 M0 Y34 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#505035 - RGB
80, 80, 53 - HSL
60°, 20%, 26% - CMYK
0, 0, 34, 69 - Family
Yellow - Tone
Dark, muted
About Dark 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 8.27:1. Its complementary color is #353550.
Download Dark 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…
Dark Dusty Yellow color codes
| HEX | #505035 |
|---|---|
| RGB | rgb(80, 80, 53) |
| HSL | hsl(60, 20%, 26%) |
| HSV | 60°, 34%, 31% |
| CMYK | 0%, 0%, 34%, 69% |
| Decimal | 5263413 |
Shades and tints of Dark Dusty Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2E2DD - 100
#C5C5BC - 200
#A8A89A - 300
#8A8A78 - 400
#6D6D57 - 500
#505035 - 600
#43432C - 700
#353523 - 800
#28281B - 900
#1B1B12 - 950
#0D0D09
Color harmonies for Dark Dusty Yellow
- Complementary
#353550≈ Dark Dusty Ultramarine - Analogous −30°
#504235≈ Dark Dusty Persimmon - Analogous +30°
#425035≈ Dark Dusty Fern - Triadic +120°
#355050≈ Dark Dusty Teal - Triadic +240°
#503550≈ Dark Dusty Orchid - Split 150°
#354250≈ Dark Dusty Cornflower - Split 210°
#423550≈ Dark Dusty Periwinkle
Contrast and accessibility of Dark Dusty Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Yellow | Aa | 8.27:1 | AAA (excellent) |
| Black text on Dark Dusty Yellow | Aa | 2.54:1 | Fails |
CSS code for Dark Dusty Yellow
background-color: #505035;color: #505035;background-color: rgb(80, 80, 53);background-color: hsl(60, 20%, 26%);:root { --color-dark-dusty-yellow: #505035; }class="bg-[#505035]"Colors similar to Dark Dusty Yellow
- Dark Dusty Citron
#4D5035 - Dark Dusty Gold
#504D35 - Dark Dusty Lime
#4A5035 - Dark Dusty Marigold
#504A35 - Dark Dusty Chartreuse
#485035 - Dark Dusty Amber
#504835 - Dark Dusty Spring Bud
#455035 - Dark Dusty Apple
#425035 - Dark Dusty Tangerine
#504535 - Dark Dusty Fern
#405035 - Dark Dusty Orange
#504235 - Dark Dusty Leaf
#3D5035
More yellow shades
- Medium Light Muted Yellow
#BFBF69 - Light Muted Yellow
#CBCB86 - Pale Muted Yellow
#D7D7A2 - Very Pale Muted Yellow
#E3E3BF - Palest Muted Yellow
#F0F0DB - Very Dark Dusty Yellow
#373725 - Deep Dusty Yellow
#686845 - Medium Dark Dusty Yellow
#818156 - Dusty Yellow
#999966 - Medium Light Dusty Yellow
#A9A97E - Light Dusty Yellow
#BABA97
Frequently asked questions
What is the HEX code for Dark Dusty Yellow?
The HEX code for Dark Dusty Yellow is #505035.
What is the RGB value of Dark Dusty Yellow?
Dark Dusty Yellow has an RGB value of 80, 80, 53 (rgb(80, 80, 53)). In HSL it is 60°, 20%, 26%.
What text color should I use on Dark Dusty Yellow?
Use white text on Dark Dusty Yellow. White text has a contrast ratio of 8.27:1 and black text has 2.54:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Yellow?
The complementary color of Dark Dusty Yellow is #353550. Analogous colors #504235 and #425035 also pair well.