Muted Emerald is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #4DB261, which equals rgb(77, 178, 97) in RGB and hsl(132, 40%, 50%) in HSL. In print terms it converts to roughly C57 M0 Y46 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4DB261 - RGB
77, 178, 97 - HSL
132°, 40%, 50% - CMYK
57, 0, 46, 30 - Family
Green - Tone
Medium, moderately saturated
About Muted Emerald
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 7.86:1. Its complementary color is #B34D9E.
Download Muted Emerald 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 Emerald color codes
| HEX | #4DB261 |
|---|---|
| RGB | rgb(77, 178, 97) |
| HSL | hsl(132, 40%, 50%) |
| HSV | 132°, 57%, 70% |
| CMYK | 57%, 0%, 46%, 30% |
| Decimal | 5091937 |
Shades and tints of Muted Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1F2E5 - 100
#C4E5CA - 200
#A6D9B0 - 300
#88CC96 - 400
#6BBF7B - 500
#4DB261 - 600
#409451 - 700
#337741 - 800
#275931 - 900
#1A3B20 - 950
#0D1E10
Color harmonies for Muted Emerald
- Complementary
#B34D9E≈ Muted Cerise - Analogous −30°
#6BB34D≈ Muted Leaf - Analogous +30°
#4DB394≈ Muted Aquamarine - Triadic +120°
#614DB3≈ Muted Indigo - Triadic +240°
#B3614D≈ Muted Vermilion - Split 150°
#944DB3≈ Muted Grape - Split 210°
#B34D6B≈ Muted Ruby
Contrast and accessibility of Muted Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Emerald | Aa | 2.67:1 | Fails |
| Black text on Muted Emerald | Aa | 7.86:1 | AAA (excellent) |
CSS code for Muted Emerald
background-color: #4DB261;color: #4DB261;background-color: rgb(77, 178, 97);background-color: hsl(132, 40%, 50%);:root { --color-muted-emerald: #4DB261; }class="bg-[#4DB261]"Colors similar to Muted Emerald
- Muted Kelly
#4DB257 - Muted Jade
#4DB26B - Muted Green
#4DB24D - Muted Malachite
#4DB275 - Muted Shamrock
#57B24D - Medium Sea Green
#3CB371 - Muted Clover
#61B24D - Muted Mint
#4DB280 - Medium Light Muted Green
#69BF69 - Medium Dark Soft Malachite
#2BAB5E - Medium Dark Soft Mint
#2BAB6B - Muted Leaf
#6BB24D
More green shades
- Palest Soft Emerald
#D6F5DC - Darkest Muted Emerald
#0F2413 - Very Dark Muted Emerald
#1C4023 - Dark Muted Emerald
#285D32 - Deep Muted Emerald
#347942 - Medium Dark Muted Emerald
#409651 - Medium Light Muted Emerald
#69BF7A - Light Muted Emerald
#86CB93 - Pale Muted Emerald
#A2D7AD - Very Pale Muted Emerald
#BFE3C6 - Palest Muted Emerald
#DBF0DF
Frequently asked questions
What is the HEX code for Muted Emerald?
The HEX code for Muted Emerald is #4DB261.
What is the RGB value of Muted Emerald?
Muted Emerald has an RGB value of 77, 178, 97 (rgb(77, 178, 97)). In HSL it is 132°, 40%, 50%.
What text color should I use on Muted Emerald?
Use black text on Muted Emerald. White text has a contrast ratio of 2.67:1 and black text has 7.86:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Emerald?
The complementary color of Muted Emerald is #B34D9E. Analogous colors #6BB34D and #4DB394 also pair well.