Dusty Leaf is a medium, muted shade in the green color family, with a cool feel. Its HEX code is #759966, which equals rgb(117, 153, 102) in RGB and hsl(102, 20%, 50%) in HSL. In print terms it converts to roughly C24 M0 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#759966 - RGB
117, 153, 102 - HSL
102°, 20%, 50% - CMYK
24, 0, 33, 40 - Family
Green - Tone
Medium, muted
About Dusty Leaf
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 6.50:1. Its complementary color is #8A6699.
Download Dusty Leaf 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 Leaf color codes
| HEX | #759966 |
|---|---|
| RGB | rgb(117, 153, 102) |
| HSL | hsl(102, 20%, 50%) |
| HSV | 102°, 33%, 60% |
| CMYK | 24%, 0%, 33%, 40% |
| Decimal | 7706982 |
Shades and tints of Dusty Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8EEE6 - 100
#D1DDCC - 200
#BACCB3 - 300
#A3BB99 - 400
#8CAA80 - 500
#759966 - 600
#628055 - 700
#4E6644 - 800
#3B4D33 - 900
#273322 - 950
#141A11
Color harmonies for Dusty Leaf
- Complementary
#8A6699≈ Dusty Amethyst - Analogous −30°
#8F9966≈ Dusty Chartreuse - Analogous +30°
#669970≈ Dusty Kelly - Triadic +120°
#667599≈ Dusty Cornflower - Triadic +240°
#996675≈ Dusty Carmine - Split 150°
#706699≈ Dusty Ultramarine - Split 210°
#99668F≈ Dusty Fuchsia
Contrast and accessibility of Dusty Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Leaf | Aa | 3.23:1 | AA Large only |
| Black text on Dusty Leaf | Aa | 6.50:1 | AA (good) |
CSS code for Dusty Leaf
background-color: #759966;color: #759966;background-color: rgb(117, 153, 102);background-color: hsl(102, 20%, 50%);:root { --color-dusty-leaf: #759966; }class="bg-[#759966]"Colors similar to Dusty Leaf
- Dusty Clover
#709966 - Dusty Fern
#7A9966 - Dusty Shamrock
#6B9966 - Dusty Apple
#809966 - Dusty Green
#669966 - Dusty Kelly
#66996B - Dusty Spring Bud
#859966 - Dusty Emerald
#669970 - Dusty Chartreuse
#8A9966 - Dusty Jade
#669975 - Moss Green
#8A9A5B - Dusty Malachite
#66997A
More green shades
- Very Pale Muted Leaf
#CAE3BF - Palest Muted Leaf
#E1F0DB - Very Dark Dusty Leaf
#2A3725 - Dark Dusty Leaf
#3D5035 - Deep Dusty Leaf
#506845 - Medium Dark Dusty Leaf
#638156 - Medium Light Dusty Leaf
#8BA97E - Light Dusty Leaf
#A1BA97 - Pale Dusty Leaf
#B7CAAF - Very Pale Dusty Leaf
#CDDAC8 - Palest Dusty Leaf
#E3EBE0
Frequently asked questions
What is the HEX code for Dusty Leaf?
The HEX code for Dusty Leaf is #759966.
What is the RGB value of Dusty Leaf?
Dusty Leaf has an RGB value of 117, 153, 102 (rgb(117, 153, 102)). In HSL it is 102°, 20%, 50%.
What text color should I use on Dusty Leaf?
Use black text on Dusty Leaf. White text has a contrast ratio of 3.23:1 and black text has 6.50:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Leaf?
The complementary color of Dusty Leaf is #8A6699. Analogous colors #8F9966 and #669970 also pair well.