Muted Leaf is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #6BB24D, which equals rgb(107, 178, 77) in RGB and hsl(102, 40%, 50%) in HSL. In print terms it converts to roughly C40 M0 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#6BB24D - RGB
107, 178, 77 - HSL
102°, 40%, 50% - CMYK
40, 0, 57, 30 - Family
Green - Tone
Medium, moderately saturated
About 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. 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 8.10:1. Its complementary color is #944DB3.
Download 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…
Muted Leaf color codes
| HEX | #6BB24D |
|---|---|
| RGB | rgb(107, 178, 77) |
| HSL | hsl(102, 40%, 50%) |
| HSV | 102°, 57%, 70% |
| CMYK | 40%, 0%, 57%, 30% |
| Decimal | 7057997 |
Shades and tints of Muted Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6F2E1 - 100
#CEE5C4 - 200
#B5D9A6 - 300
#9CCC88 - 400
#84BF6B - 500
#6BB24D - 600
#599440 - 700
#477733 - 800
#365927 - 900
#243B1A - 950
#121E0D
Color harmonies for Muted Leaf
- Complementary
#944DB3≈ Muted Grape - Analogous −30°
#9EB34D≈ Muted Lime - Analogous +30°
#4DB361≈ Muted Emerald - Triadic +120°
#4D6BB3≈ Muted Sapphire - Triadic +240°
#B34D6B≈ Muted Ruby - Split 150°
#614DB3≈ Muted Indigo - Split 210°
#B34D9E≈ Muted Cerise
Contrast and accessibility of Muted Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Leaf | Aa | 2.59:1 | Fails |
| Black text on Muted Leaf | Aa | 8.10:1 | AAA (excellent) |
CSS code for Muted Leaf
background-color: #6BB24D;color: #6BB24D;background-color: rgb(107, 178, 77);background-color: hsl(102, 40%, 50%);:root { --color-muted-leaf: #6BB24D; }class="bg-[#6BB24D]"Colors similar to Muted Leaf
- Muted Clover
#61B24D - Muted Fern
#75B24D - Muted Shamrock
#57B24D - Muted Apple
#80B24D - Muted Green
#4DB24D - Muted Spring Bud
#8AB24D - Muted Kelly
#4DB257 - Medium Light Muted Green
#69BF69 - Medium Light Muted Shamrock
#72BF69 - Medium Dark Soft Apple
#6BAB2B - Muted Emerald
#4DB261 - Medium Light Muted Clover
#7ABF69
More green shades
- Palest Soft Leaf
#DFF5D6 - Darkest Muted Leaf
#15240F - Very Dark Muted Leaf
#27401C - Dark Muted Leaf
#385D28 - Deep Muted Leaf
#497934 - Medium Dark Muted Leaf
#5A9640 - Medium Light Muted Leaf
#83BF69 - Light Muted Leaf
#9ACB86 - Pale Muted Leaf
#B2D7A2 - Very Pale Muted Leaf
#CAE3BF - Palest Muted Leaf
#E1F0DB
Frequently asked questions
What is the HEX code for Muted Leaf?
The HEX code for Muted Leaf is #6BB24D.
What is the RGB value of Muted Leaf?
Muted Leaf has an RGB value of 107, 178, 77 (rgb(107, 178, 77)). In HSL it is 102°, 40%, 50%.
What text color should I use on Muted Leaf?
Use black text on Muted Leaf. White text has a contrast ratio of 2.59:1 and black text has 8.10:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Leaf?
The complementary color of Muted Leaf is #944DB3. Analogous colors #9EB34D and #4DB361 also pair well.