Dusty Jade is a medium, muted shade in the green color family, with a cool feel. Its HEX code is #669975, which equals rgb(102, 153, 117) in RGB and hsl(138, 20%, 50%) in HSL. In print terms it converts to roughly C33 M0 Y24 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#669975 - RGB
102, 153, 117 - HSL
138°, 20%, 50% - CMYK
33, 0, 24, 40 - Family
Green - Tone
Medium, muted
About Dusty Jade
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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 6.38:1. Its complementary color is #99668A.
Download Dusty Jade 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 Jade color codes
| HEX | #669975 |
|---|---|
| RGB | rgb(102, 153, 117) |
| HSL | hsl(138, 20%, 50%) |
| HSV | 138°, 33%, 60% |
| CMYK | 33%, 0%, 24%, 40% |
| Decimal | 6723957 |
Shades and tints of Dusty Jade
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EEE8 - 100
#CCDDD1 - 200
#B3CCBA - 300
#99BBA3 - 400
#80AA8C - 500
#669975 - 600
#558062 - 700
#44664E - 800
#334D3B - 900
#223327 - 950
#111A14
Color harmonies for Dusty Jade
- Complementary
#99668A≈ Dusty Cerise - Analogous −30°
#709966≈ Dusty Shamrock - Analogous +30°
#66998F≈ Dusty Aquamarine - Triadic +120°
#756699≈ Dusty Indigo - Triadic +240°
#997566≈ Dusty Vermilion - Split 150°
#8F6699≈ Dusty Grape - Split 210°
#996670≈ Dusty Ruby
Contrast and accessibility of Dusty Jade
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Jade | Aa | 3.29:1 | AA Large only |
| Black text on Dusty Jade | Aa | 6.38:1 | AA (good) |
CSS code for Dusty Jade
background-color: #669975;color: #669975;background-color: rgb(102, 153, 117);background-color: hsl(138, 20%, 50%);:root { --color-dusty-jade: #669975; }class="bg-[#669975]"Colors similar to Dusty Jade
- Dusty Emerald
#669970 - Dusty Malachite
#66997A - Dusty Kelly
#66996B - Dusty Mint
#669980 - Dusty Green
#669966 - Dusty Shamrock
#6B9966 - Dusty Seafoam
#669985 - Dusty Clover
#709966 - Dusty Leaf
#759966 - Dusty Aquamarine
#66998A - Dusty Fern
#7A9966 - Dusty Turquoise
#66998F
More green shades
- Very Pale Muted Jade
#BFE3CA - Palest Muted Jade
#DBF0E1 - Very Dark Dusty Jade
#25372A - Dark Dusty Jade
#35503D - Deep Dusty Jade
#456850 - Medium Dark Dusty Jade
#568163 - Medium Light Dusty Jade
#7EA98B - Light Dusty Jade
#97BAA1 - Pale Dusty Jade
#AFCAB7 - Very Pale Dusty Jade
#C8DACD - Palest Dusty Jade
#E0EBE3
Frequently asked questions
What is the HEX code for Dusty Jade?
The HEX code for Dusty Jade is #669975.
What is the RGB value of Dusty Jade?
Dusty Jade has an RGB value of 102, 153, 117 (rgb(102, 153, 117)). In HSL it is 138°, 20%, 50%.
What text color should I use on Dusty Jade?
Use black text on Dusty Jade. White text has a contrast ratio of 3.29:1 and black text has 6.38:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Jade?
The complementary color of Dusty Jade is #99668A. Analogous colors #709966 and #66998F also pair well.