Light Muted Leaf is a medium-light, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #9ACB86, which equals rgb(154, 203, 134) in RGB and hsl(103, 40%, 66%) in HSL. In print terms it converts to roughly C24 M0 Y34 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#9ACB86 - RGB
154, 203, 134 - HSL
103°, 40%, 66% - CMYK
24, 0, 34, 20 - Family
Green - Tone
Medium-light, moderately saturated
About Light Muted 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. 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 11.26:1. Its complementary color is #B786CB.
Download Light Muted 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 Muted Leaf color codes
| HEX | #9ACB86 |
|---|---|
| RGB | rgb(154, 203, 134) |
| HSL | hsl(103, 40%, 66%) |
| HSV | 103°, 34%, 80% |
| CMYK | 24%, 0%, 34%, 20% |
| Decimal | 10144646 |
Shades and tints of Light Muted Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEF6EB - 100
#DDEED7 - 200
#CDE5C3 - 300
#BCDCAE - 400
#ABD49A - 500
#9ACB86 - 600
#80A970 - 700
#678759 - 800
#4D6643 - 900
#33442D - 950
#1A2216
Color harmonies for Light Muted Leaf
- Complementary
#B786CB≈ Light Muted Grape - Analogous −30°
#BCCB86≈ Light Muted Lime - Analogous +30°
#86CB95≈ Light Muted Emerald - Triadic +120°
#8699CB≈ Light Muted Sapphire - Triadic +240°
#CB8699≈ Light Muted Ruby - Split 150°
#9586CB≈ Light Muted Indigo - Split 210°
#CB86BC≈ Light Muted Cerise
Contrast and accessibility of Light Muted Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Muted Leaf | Aa | 1.86:1 | Fails |
| Black text on Light Muted Leaf | Aa | 11.26:1 | AAA (excellent) |
CSS code for Light Muted Leaf
background-color: #9ACB86;color: #9ACB86;background-color: rgb(154, 203, 134);background-color: hsl(103, 40%, 66%);:root { --color-light-muted-leaf: #9ACB86; }class="bg-[#9ACB86]"Colors similar to Light Muted Leaf
- Light Muted Clover
#93CB86 - Light Muted Fern
#A1CB86 - Light Muted Shamrock
#8DCB86 - Light Muted Apple
#A8CB86 - Light Muted Green
#86CB86 - Light Muted Kelly
#86CB8D - Light Muted Spring Bud
#AFCB86 - Pistachio
#93C572 - Dark Sea Green
#8FBC8F - Light Muted Emerald
#86CB93 - Light Dusty Shamrock
#9ABA97 - Light Dusty Green
#97BA97
More green shades
- Very Dark Muted Leaf
#27401C - Dark Muted Leaf
#385D28 - Deep Muted Leaf
#497934 - Medium Dark Muted Leaf
#5A9640 - Muted Leaf
#6BB24D - Medium Light Muted Leaf
#83BF69 - Pale Muted Leaf
#B2D7A2 - Very Pale Muted Leaf
#CAE3BF - Palest Muted Leaf
#E1F0DB - Very Dark Dusty Leaf
#2A3725 - Dark Dusty Leaf
#3D5035
Frequently asked questions
What is the HEX code for Light Muted Leaf?
The HEX code for Light Muted Leaf is #9ACB86.
What is the RGB value of Light Muted Leaf?
Light Muted Leaf has an RGB value of 154, 203, 134 (rgb(154, 203, 134)). In HSL it is 103°, 40%, 66%.
What text color should I use on Light Muted Leaf?
Use black text on Light Muted Leaf. White text has a contrast ratio of 1.86:1 and black text has 11.26:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Muted Leaf?
The complementary color of Light Muted Leaf is #B786CB. Analogous colors #BCCB86 and #86CB95 also pair well.