Muted Green is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #4DB24D, which equals rgb(77, 178, 77) in RGB and hsl(120, 40%, 50%) in HSL. In print terms it converts to roughly C57 M0 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4DB24D - RGB
77, 178, 77 - HSL
120°, 40%, 50% - CMYK
57, 0, 57, 30 - Family
Green - Tone
Medium, moderately saturated
About Muted 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 7.79:1. Its complementary color is #B34DB3.
Download Muted 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…
Muted Green color codes
| HEX | #4DB24D |
|---|---|
| RGB | rgb(77, 178, 77) |
| HSL | hsl(120, 40%, 50%) |
| HSV | 120°, 57%, 70% |
| CMYK | 57%, 0%, 57%, 30% |
| Decimal | 5091917 |
Shades and tints of Muted Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1F2E1 - 100
#C4E5C4 - 200
#A6D9A6 - 300
#88CC88 - 400
#6BBF6B - 500
#4DB24D - 600
#409440 - 700
#337733 - 800
#275927 - 900
#1A3B1A - 950
#0D1E0D
Color harmonies for Muted Green
- Complementary
#B34DB3≈ Muted Magenta - Analogous −30°
#80B34D≈ Muted Apple - Analogous +30°
#4DB380≈ Muted Mint - Triadic +120°
#4D4DB3≈ Muted Blue - Triadic +240°
#B34D4D≈ Muted Red - Split 150°
#804DB3≈ Muted Violet - Split 210°
#B34D80≈ Muted Blush
Contrast and accessibility of Muted Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Green | Aa | 2.70:1 | Fails |
| Black text on Muted Green | Aa | 7.79:1 | AAA (excellent) |
CSS code for Muted Green
background-color: #4DB24D;color: #4DB24D;background-color: rgb(77, 178, 77);background-color: hsl(120, 40%, 50%);:root { --color-muted-green: #4DB24D; }class="bg-[#4DB24D]"Colors similar to Muted Green
- Muted Shamrock
#57B24D - Muted Kelly
#4DB257 - Muted Clover
#61B24D - Muted Emerald
#4DB261 - Muted Leaf
#6BB24D - Muted Jade
#4DB26B - Medium Dark Soft Jade
#2BAB51 - Medium Dark Soft Emerald
#2BAB45 - Medium Dark Soft Leaf
#51AB2B - Medium Dark Soft Clover
#45AB2B - Medium Dark Muted Kelly
#409649 - Medium Dark Muted Emerald
#409651
More green shades
- Palest Soft Green
#D6F5D6 - Darkest Muted Green
#0F240F - Very Dark Muted Green
#1C401C - Dark Muted Green
#285D28 - Deep Muted Green
#347934 - Medium Dark Muted Green
#409640 - Medium Light Muted Green
#69BF69 - Light Muted Green
#86CB86 - Pale Muted Green
#A2D7A2 - Very Pale Muted Green
#BFE3BF - Palest Muted Green
#DBF0DB
Frequently asked questions
What is the HEX code for Muted Green?
The HEX code for Muted Green is #4DB24D.
What is the RGB value of Muted Green?
Muted Green has an RGB value of 77, 178, 77 (rgb(77, 178, 77)). In HSL it is 120°, 40%, 50%.
What text color should I use on Muted Green?
Use black text on Muted Green. White text has a contrast ratio of 2.70:1 and black text has 7.79:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Green?
The complementary color of Muted Green is #B34DB3. Analogous colors #80B34D and #4DB380 also pair well.