Light Dusty Leaf is a medium-light, muted shade in the green color family, with a cool feel. Its HEX code is #A1BA97, which equals rgb(161, 186, 151) in RGB and hsl(103, 20%, 66%) in HSL. In print terms it converts to roughly C13 M0 Y19 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#A1BA97 - RGB
161, 186, 151 - HSL
103°, 20%, 66% - CMYK
13, 0, 19, 27 - Family
Green - Tone
Medium-light, muted
About Light 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 9.99:1. Its complementary color is #B097BA.
Download Light 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…
Light Dusty Leaf color codes
| HEX | #A1BA97 |
|---|---|
| RGB | rgb(161, 186, 151) |
| HSL | hsl(103, 20%, 66%) |
| HSV | 103°, 19%, 73% |
| CMYK | 13%, 0%, 19%, 27% |
| Decimal | 10599063 |
Shades and tints of Light Dusty Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EFF4EE - 100
#E0E8DC - 200
#D0DDCB - 300
#C0D1BA - 400
#B1C6A8 - 500
#A1BA97 - 600
#869B7E - 700
#6B7C65 - 800
#515D4C - 900
#363E32 - 950
#1B1F19
Color harmonies for Light Dusty Leaf
- Complementary
#B097BA≈ Light Dusty Grape - Analogous −30°
#B2BA97≈ Light Dusty Lime - Analogous +30°
#97BA9E≈ Light Dusty Jade - Triadic +120°
#97A1BA≈ Light Dusty Cobalt - Triadic +240°
#BA97A1≈ Light Dusty Crimson - Split 150°
#9E97BA≈ Light Dusty Iris - Split 210°
#BA97B2≈ Light Dusty Cerise
Contrast and accessibility of Light Dusty Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Leaf | Aa | 2.10:1 | Fails |
| Black text on Light Dusty Leaf | Aa | 9.99:1 | AAA (excellent) |
CSS code for Light Dusty Leaf
background-color: #A1BA97;color: #A1BA97;background-color: rgb(161, 186, 151);background-color: hsl(103, 20%, 66%);:root { --color-light-dusty-leaf: #A1BA97; }class="bg-[#A1BA97]"Colors similar to Light Dusty Leaf
- Light Dusty Clover
#9EBA97 - Light Dusty Fern
#A5BA97 - Light Dusty Shamrock
#9ABA97 - Light Dusty Apple
#A8BA97 - Light Dusty Green
#97BA97 - Light Dusty Kelly
#97BA9A - Light Dusty Spring Bud
#ACBA97 - Light Dusty Emerald
#97BA9E - Light Dusty Jade
#97BAA1 - Light Dusty Chartreuse
#AFBA97 - Light Dusty Malachite
#97BAA5 - Light Dusty Lime
#B3BA97
More green shades
- Very Dark Dusty Leaf
#2A3725 - Dark Dusty Leaf
#3D5035 - Deep Dusty Leaf
#506845 - Medium Dark Dusty Leaf
#638156 - Dusty Leaf
#759966 - Medium Light Dusty Leaf
#8BA97E - Pale Dusty Leaf
#B7CAAF - Very Pale Dusty Leaf
#CDDAC8 - Palest Dusty Leaf
#E3EBE0 - Darkest Clover
#0A3300 - Very Dark Clover
#125C00
Frequently asked questions
What is the HEX code for Light Dusty Leaf?
The HEX code for Light Dusty Leaf is #A1BA97.
What is the RGB value of Light Dusty Leaf?
Light Dusty Leaf has an RGB value of 161, 186, 151 (rgb(161, 186, 151)). In HSL it is 103°, 20%, 66%.
What text color should I use on Light Dusty Leaf?
Use black text on Light Dusty Leaf. White text has a contrast ratio of 2.10:1 and black text has 9.99:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Leaf?
The complementary color of Light Dusty Leaf is #B097BA. Analogous colors #B2BA97 and #97BA9E also pair well.