Muted Mint is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #4DB280, which equals rgb(77, 178, 128) in RGB and hsl(150, 40%, 50%) in HSL. In print terms it converts to roughly C57 M0 Y28 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4DB280 - RGB
77, 178, 128 - HSL
150°, 40%, 50% - CMYK
57, 0, 28, 30 - Family
Green - Tone
Medium, moderately saturated
About Muted Mint
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 8.00:1. Its complementary color is #B34D80.
Download Muted Mint 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 Mint color codes
| HEX | #4DB280 |
|---|---|
| RGB | rgb(77, 178, 128) |
| HSL | hsl(150, 40%, 50%) |
| HSV | 150°, 57%, 70% |
| CMYK | 57%, 0%, 28%, 30% |
| Decimal | 5091968 |
Shades and tints of Muted Mint
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1F2EA - 100
#C4E5D5 - 200
#A6D9C0 - 300
#88CCAA - 400
#6BBF95 - 500
#4DB280 - 600
#40946B - 700
#337755 - 800
#275940 - 900
#1A3B2B - 950
#0D1E15
Color harmonies for Muted Mint
- Complementary
#B34D80≈ Muted Blush - Analogous −30°
#4DB34D≈ Muted Green - Analogous +30°
#4DB3B3≈ Muted Cyan - Triadic +120°
#804DB3≈ Muted Violet - Triadic +240°
#B3804D≈ Muted Orange - Split 150°
#B34DB3≈ Muted Magenta - Split 210°
#B34D4D≈ Muted Red
Contrast and accessibility of Muted Mint
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Mint | Aa | 2.63:1 | Fails |
| Black text on Muted Mint | Aa | 8.00:1 | AAA (excellent) |
CSS code for Muted Mint
background-color: #4DB280;color: #4DB280;background-color: rgb(77, 178, 128);background-color: hsl(150, 40%, 50%);:root { --color-muted-mint: #4DB280; }class="bg-[#4DB280]"Colors similar to Muted Mint
- Muted Seafoam
#4DB28A - Muted Malachite
#4DB275 - Mint
#3EB489 - Muted Aquamarine
#4DB294 - Muted Jade
#4DB26B - Medium Sea Green
#3CB371 - Emerald
#50C878 - Muted Turquoise
#4DB29E - Medium Light Muted Jade
#69BF83 - Muted Emerald
#4DB261 - Medium Light Muted Emerald
#69BF7A - Medium Light Muted Malachite
#69BF8B
More green shades
- Palest Soft Mint
#D6F5E6 - Darkest Muted Mint
#0F241A - Very Dark Muted Mint
#1C402E - Dark Muted Mint
#285D42 - Deep Muted Mint
#347957 - Medium Dark Muted Mint
#40966B - Medium Light Muted Mint
#69BF94 - Light Muted Mint
#86CBA8 - Pale Muted Mint
#A2D7BD - Very Pale Muted Mint
#BFE3D1 - Palest Muted Mint
#DBF0E6
Frequently asked questions
What is the HEX code for Muted Mint?
The HEX code for Muted Mint is #4DB280.
What is the RGB value of Muted Mint?
Muted Mint has an RGB value of 77, 178, 128 (rgb(77, 178, 128)). In HSL it is 150°, 40%, 50%.
What text color should I use on Muted Mint?
Use black text on Muted Mint. White text has a contrast ratio of 2.63:1 and black text has 8.00:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Mint?
The complementary color of Muted Mint is #B34D80. Analogous colors #4DB34D and #4DB3B3 also pair well.