Dark Dusty Citron is a dark, muted shade in the yellow color family, with a warm feel. Its HEX code is #4D5035, which equals rgb(77, 80, 53) in RGB and hsl(67, 20%, 26%) in HSL. In print terms it converts to roughly C4 M0 Y34 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#4D5035 - RGB
77, 80, 53 - HSL
67°, 20%, 26% - CMYK
4, 0, 34, 69 - Family
Yellow - Tone
Dark, muted
About Dark Dusty Citron
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful 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 8.35:1. Its complementary color is #383550.
Download Dark Dusty Citron 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 Citron color codes
| HEX | #4D5035 |
|---|---|
| RGB | rgb(77, 80, 53) |
| HSL | hsl(67, 20%, 26%) |
| HSV | 67°, 34%, 31% |
| CMYK | 4%, 0%, 34%, 69% |
| Decimal | 5066805 |
Shades and tints of Dark Dusty Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1E2DD - 100
#C4C5BC - 200
#A6A89A - 300
#888A78 - 400
#6B6D57 - 500
#4D5035 - 600
#40432C - 700
#333523 - 800
#27281B - 900
#1A1B12 - 950
#0D0D09
Color harmonies for Dark Dusty Citron
- Complementary
#383550≈ Dark Dusty Indigo - Analogous −30°
#504535≈ Dark Dusty Orange - Analogous +30°
#3F5035≈ Dark Dusty Fern - Triadic +120°
#354C50≈ Dark Dusty Lagoon - Triadic +240°
#50354C≈ Dark Dusty Fuchsia - Split 150°
#353F50≈ Dark Dusty Cornflower - Split 210°
#453550≈ Dark Dusty Violet
Contrast and accessibility of Dark Dusty Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Citron | Aa | 8.35:1 | AAA (excellent) |
| Black text on Dark Dusty Citron | Aa | 2.51:1 | Fails |
CSS code for Dark Dusty Citron
background-color: #4D5035;color: #4D5035;background-color: rgb(77, 80, 53);background-color: hsl(67, 20%, 26%);:root { --color-dark-dusty-citron: #4D5035; }class="bg-[#4D5035]"Colors similar to Dark Dusty Citron
- Dark Dusty Lime
#4A5035 - Dark Dusty Yellow
#505035 - Dark Dusty Gold
#504D35 - Dark Dusty Chartreuse
#485035 - Dark Dusty Spring Bud
#455035 - Dark Dusty Marigold
#504A35 - Dark Dusty Apple
#425035 - Dark Dusty Amber
#504835 - Dark Dusty Fern
#405035 - Dark Dusty Tangerine
#504535 - Dark Dusty Leaf
#3D5035 - Dark Dusty Orange
#504235
More yellow shades
- Medium Light Muted Citron
#B6BF69 - Light Muted Citron
#C4CB86 - Pale Muted Citron
#D2D7A2 - Very Pale Muted Citron
#E0E3BF - Palest Muted Citron
#EEF0DB - Very Dark Dusty Citron
#353725 - Deep Dusty Citron
#656845 - Medium Dark Dusty Citron
#7C8156 - Dusty Citron
#949966 - Medium Light Dusty Citron
#A5A97E - Light Dusty Citron
#B6BA97
Frequently asked questions
What is the HEX code for Dark Dusty Citron?
The HEX code for Dark Dusty Citron is #4D5035.
What is the RGB value of Dark Dusty Citron?
Dark Dusty Citron has an RGB value of 77, 80, 53 (rgb(77, 80, 53)). In HSL it is 67°, 20%, 26%.
What text color should I use on Dark Dusty Citron?
Use white text on Dark Dusty Citron. White text has a contrast ratio of 8.35:1 and black text has 2.51:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Citron?
The complementary color of Dark Dusty Citron is #383550. Analogous colors #504535 and #3F5035 also pair well.