Dusty Emerald is a medium, muted shade in the green color family, with a cool feel. Its HEX code is #669970, which equals rgb(102, 153, 112) in RGB and hsl(132, 20%, 50%) in HSL. In print terms it converts to roughly C33 M0 Y27 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#669970 - RGB
102, 153, 112 - HSL
132°, 20%, 50% - CMYK
33, 0, 27, 40 - Family
Green - Tone
Medium, muted
About Dusty Emerald
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.36:1. Its complementary color is #99668F.
Download Dusty Emerald 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 Emerald color codes
| HEX | #669970 |
|---|---|
| RGB | rgb(102, 153, 112) |
| HSL | hsl(132, 20%, 50%) |
| HSV | 132°, 33%, 60% |
| CMYK | 33%, 0%, 27%, 40% |
| Decimal | 6723952 |
Shades and tints of Dusty Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EEE7 - 100
#CCDDCF - 200
#B3CCB8 - 300
#99BBA0 - 400
#80AA88 - 500
#669970 - 600
#55805D - 700
#44664B - 800
#334D38 - 900
#223325 - 950
#111A13
Color harmonies for Dusty Emerald
- Complementary
#99668F≈ Dusty Fuchsia - Analogous −30°
#759966≈ Dusty Clover - Analogous +30°
#66998A≈ Dusty Seafoam - Triadic +120°
#706699≈ Dusty Ultramarine - Triadic +240°
#997066≈ Dusty Scarlet - Split 150°
#8A6699≈ Dusty Amethyst - Split 210°
#996675≈ Dusty Carmine
Contrast and accessibility of Dusty Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Emerald | Aa | 3.30:1 | AA Large only |
| Black text on Dusty Emerald | Aa | 6.36:1 | AA (good) |
CSS code for Dusty Emerald
background-color: #669970;color: #669970;background-color: rgb(102, 153, 112);background-color: hsl(132, 20%, 50%);:root { --color-dusty-emerald: #669970; }class="bg-[#669970]"Colors similar to Dusty Emerald
- Dusty Kelly
#66996B - Dusty Jade
#669975 - Dusty Green
#669966 - Dusty Malachite
#66997A - Dusty Shamrock
#6B9966 - Dusty Clover
#709966 - Dusty Mint
#669980 - Dusty Leaf
#759966 - Dusty Seafoam
#669985 - Dusty Fern
#7A9966 - Dusty Aquamarine
#66998A - Dusty Apple
#809966
More green shades
- Very Pale Muted Emerald
#BFE3C6 - Palest Muted Emerald
#DBF0DF - Very Dark Dusty Emerald
#253728 - Dark Dusty Emerald
#35503A - Deep Dusty Emerald
#45684C - Medium Dark Dusty Emerald
#56815E - Medium Light Dusty Emerald
#7EA987 - Light Dusty Emerald
#97BA9E - Pale Dusty Emerald
#AFCAB5 - Very Pale Dusty Emerald
#C8DACC - Palest Dusty Emerald
#E0EBE2
Frequently asked questions
What is the HEX code for Dusty Emerald?
The HEX code for Dusty Emerald is #669970.
What is the RGB value of Dusty Emerald?
Dusty Emerald has an RGB value of 102, 153, 112 (rgb(102, 153, 112)). In HSL it is 132°, 20%, 50%.
What text color should I use on Dusty Emerald?
Use black text on Dusty Emerald. White text has a contrast ratio of 3.30:1 and black text has 6.36:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Emerald?
The complementary color of Dusty Emerald is #99668F. Analogous colors #759966 and #66998A also pair well.