Dusty Green is a medium, muted shade in the green color family, with a cool feel. Its HEX code is #669966, which equals rgb(102, 153, 102) in RGB and hsl(120, 20%, 50%) in HSL. In print terms it converts to roughly C33 M0 Y33 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#669966 - RGB
102, 153, 102 - HSL
120°, 20%, 50% - CMYK
33, 0, 33, 40 - Family
Green - Tone
Medium, muted
About Dusty Green
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.31:1. Its complementary color is #996699.
Download Dusty Green 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 Green color codes
| HEX | #669966 |
|---|---|
| RGB | rgb(102, 153, 102) |
| HSL | hsl(120, 20%, 50%) |
| HSV | 120°, 33%, 60% |
| CMYK | 33%, 0%, 33%, 40% |
| Decimal | 6723942 |
Shades and tints of Dusty Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EEE6 - 100
#CCDDCC - 200
#B3CCB3 - 300
#99BB99 - 400
#80AA80 - 500
#669966 - 600
#558055 - 700
#446644 - 800
#334D33 - 900
#223322 - 950
#111A11
Color harmonies for Dusty Green
- Complementary
#996699≈ Dusty Fuchsia - Analogous −30°
#809966≈ Dusty Spring Bud - Analogous +30°
#669980≈ Dusty Seafoam - Triadic +120°
#666699≈ Dusty Ultramarine - Triadic +240°
#996666≈ Dusty Cardinal - Split 150°
#806699≈ Dusty Violet - Split 210°
#996680≈ Dusty Rose
Contrast and accessibility of Dusty Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Green | Aa | 3.33:1 | AA Large only |
| Black text on Dusty Green | Aa | 6.31:1 | AA (good) |
CSS code for Dusty Green
background-color: #669966;color: #669966;background-color: rgb(102, 153, 102);background-color: hsl(120, 20%, 50%);:root { --color-dusty-green: #669966; }class="bg-[#669966]"Colors similar to Dusty Green
- Dusty Shamrock
#6B9966 - Dusty Kelly
#66996B - Dusty Clover
#709966 - Dusty Emerald
#669970 - Dusty Leaf
#759966 - Dusty Jade
#669975 - Dusty Fern
#7A9966 - Dusty Malachite
#66997A - Dusty Apple
#809966 - Dusty Mint
#669980 - Dusty Spring Bud
#859966 - Dusty Seafoam
#669985
More green shades
- Very Pale Muted Green
#BFE3BF - Palest Muted Green
#DBF0DB - Very Dark Dusty Green
#253725 - Dark Dusty Green
#355035 - Deep Dusty Green
#456845 - Medium Dark Dusty Green
#568156 - Medium Light Dusty Green
#7EA97E - Light Dusty Green
#97BA97 - Pale Dusty Green
#AFCAAF - Very Pale Dusty Green
#C8DAC8 - Palest Dusty Green
#E0EBE0
Frequently asked questions
What is the HEX code for Dusty Green?
The HEX code for Dusty Green is #669966.
What is the RGB value of Dusty Green?
Dusty Green has an RGB value of 102, 153, 102 (rgb(102, 153, 102)). In HSL it is 120°, 20%, 50%.
What text color should I use on Dusty Green?
Use black text on Dusty Green. White text has a contrast ratio of 3.33:1 and black text has 6.31:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Green?
The complementary color of Dusty Green is #996699. Analogous colors #809966 and #669980 also pair well.