Light Dusty Green is a medium-light, muted shade in the green color family, with a cool feel. Its HEX code is #97BA97, which equals rgb(151, 186, 151) in RGB and hsl(120, 20%, 66%) in HSL. In print terms it converts to roughly C19 M0 Y19 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#97BA97 - RGB
151, 186, 151 - HSL
120°, 20%, 66% - CMYK
19, 0, 19, 27 - Family
Green - Tone
Medium-light, muted
About Light 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. 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 9.79:1. Its complementary color is #BA97BA.
Download Light 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…
Light Dusty Green color codes
| HEX | #97BA97 |
|---|---|
| RGB | rgb(151, 186, 151) |
| HSL | hsl(120, 20%, 66%) |
| HSV | 120°, 19%, 73% |
| CMYK | 19%, 0%, 19%, 27% |
| Decimal | 9943703 |
Shades and tints of Light Dusty Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEF4EE - 100
#DCE8DC - 200
#CBDDCB - 300
#BAD1BA - 400
#A8C6A8 - 500
#97BA97 - 600
#7E9B7E - 700
#657C65 - 800
#4C5D4C - 900
#323E32 - 950
#191F19
Color harmonies for Light Dusty Green
- Complementary
#BA97BA≈ Light Dusty Fuchsia - Analogous −30°
#A8BA97≈ Light Dusty Fern - Analogous +30°
#97BAA8≈ Light Dusty Malachite - Triadic +120°
#9797BA≈ Light Dusty Ultramarine - Triadic +240°
#BA9797≈ Light Dusty Cardinal - Split 150°
#A897BA≈ Light Dusty Periwinkle - Split 210°
#BA97A8≈ Light Dusty Carmine
Contrast and accessibility of Light Dusty Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Green | Aa | 2.15:1 | Fails |
| Black text on Light Dusty Green | Aa | 9.79:1 | AAA (excellent) |
CSS code for Light Dusty Green
background-color: #97BA97;color: #97BA97;background-color: rgb(151, 186, 151);background-color: hsl(120, 20%, 66%);:root { --color-light-dusty-green: #97BA97; }class="bg-[#97BA97]"Colors similar to Light Dusty Green
- Light Dusty Kelly
#97BA9A - Light Dusty Shamrock
#9ABA97 - Light Dusty Emerald
#97BA9E - Light Dusty Clover
#9EBA97 - Light Dusty Jade
#97BAA1 - Light Dusty Leaf
#A1BA97 - Dark Sea Green
#8FBC8F - Light Dusty Malachite
#97BAA5 - Light Dusty Fern
#A5BA97 - Light Dusty Mint
#97BAA8 - Light Dusty Apple
#A8BA97 - Light Dusty Seafoam
#97BAAC
More green shades
- Very Dark Dusty Green
#253725 - Dark Dusty Green
#355035 - Deep Dusty Green
#456845 - Medium Dark Dusty Green
#568156 - Dusty Green
#669966 - Medium Light Dusty Green
#7EA97E - Pale Dusty Green
#AFCAAF - Very Pale Dusty Green
#C8DAC8 - Palest Dusty Green
#E0EBE0 - Darkest Kelly
#003305 - Very Dark Kelly
#005C09
Frequently asked questions
What is the HEX code for Light Dusty Green?
The HEX code for Light Dusty Green is #97BA97.
What is the RGB value of Light Dusty Green?
Light Dusty Green has an RGB value of 151, 186, 151 (rgb(151, 186, 151)). In HSL it is 120°, 20%, 66%.
What text color should I use on Light Dusty Green?
Use black text on Light Dusty Green. White text has a contrast ratio of 2.15:1 and black text has 9.79:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Green?
The complementary color of Light Dusty Green is #BA97BA. Analogous colors #A8BA97 and #97BAA8 also pair well.