Dusty Citron is a medium, muted shade in the yellow color family, with a warm feel. Its HEX code is #949966, which equals rgb(148, 153, 102) in RGB and hsl(66, 20%, 50%) in HSL. In print terms it converts to roughly C3 M0 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#949966 - RGB
148, 153, 102 - HSL
66°, 20%, 50% - CMYK
3, 0, 33, 40 - Family
Yellow - Tone
Medium, muted
About 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 7.01:1. Its complementary color is #6B6699.
Download 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…
Dusty Citron color codes
| HEX | #949966 |
|---|---|
| RGB | rgb(148, 153, 102) |
| HSL | hsl(66, 20%, 50%) |
| HSV | 66°, 33%, 60% |
| CMYK | 3%, 0%, 33%, 40% |
| Decimal | 9738598 |
Shades and tints of Dusty Citron
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EDEEE6 - 100
#DBDDCC - 200
#CACCB3 - 300
#B8BB99 - 400
#A6AA80 - 500
#949966 - 600
#7B8055 - 700
#636644 - 800
#4A4D33 - 900
#313322 - 950
#191A11
Color harmonies for Dusty Citron
- Complementary
#6B6699≈ Dusty Blue - Analogous −30°
#998566≈ Dusty Orange - Analogous +30°
#7A9966≈ Dusty Leaf - Triadic +120°
#669499≈ Dusty Cyan - Triadic +240°
#996694≈ Dusty Magenta - Split 150°
#667A99≈ Dusty Cerulean - Split 210°
#856699≈ Dusty Grape
Contrast and accessibility of Dusty Citron
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Citron | Aa | 3.00:1 | Fails |
| Black text on Dusty Citron | Aa | 7.01:1 | AAA (excellent) |
CSS code for Dusty Citron
background-color: #949966;color: #949966;background-color: rgb(148, 153, 102);background-color: hsl(66, 20%, 50%);:root { --color-dusty-citron: #949966; }class="bg-[#949966]"Colors similar to Dusty Citron
- Dusty Lime
#8F9966 - Dusty Yellow
#999966 - Dusty Gold
#999466 - Dusty Chartreuse
#8A9966 - Dusty Marigold
#998F66 - Moss Green
#8A9A5B - Dusty Spring Bud
#859966 - Dusty Amber
#998A66 - Dusty Apple
#809966 - Dusty Tangerine
#998566 - Dusty Fern
#7A9966 - Medium Light Dusty Apple
#94A97E
More yellow shades
- Very Pale Muted Citron
#E0E3BF - Palest Muted Citron
#EEF0DB - Very Dark Dusty Citron
#353725 - Dark Dusty Citron
#4D5035 - Deep Dusty Citron
#656845 - Medium Dark Dusty Citron
#7C8156 - Medium Light Dusty Citron
#A5A97E - Light Dusty Citron
#B6BA97 - Pale Dusty Citron
#C7CAAF - Very Pale Dusty Citron
#D8DAC8 - Palest Dusty Citron
#EAEBE0
Frequently asked questions
What is the HEX code for Dusty Citron?
The HEX code for Dusty Citron is #949966.
What is the RGB value of Dusty Citron?
Dusty Citron has an RGB value of 148, 153, 102 (rgb(148, 153, 102)). In HSL it is 66°, 20%, 50%.
What text color should I use on Dusty Citron?
Use black text on Dusty Citron. White text has a contrast ratio of 3.00:1 and black text has 7.01:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Citron?
The complementary color of Dusty Citron is #6B6699. Analogous colors #998566 and #7A9966 also pair well.