Muted Seafoam is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #4DB28A, which equals rgb(77, 178, 138) in RGB and hsl(156, 40%, 50%) in HSL. In print terms it converts to roughly C57 M0 Y22 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4DB28A - RGB
77, 178, 138 - HSL
156°, 40%, 50% - CMYK
57, 0, 22, 30 - Family
Green - Tone
Medium, moderately saturated
About Muted Seafoam
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.05:1. Its complementary color is #B34D75.
Download Muted Seafoam 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 Seafoam color codes
| HEX | #4DB28A |
|---|---|
| RGB | rgb(77, 178, 138) |
| HSL | hsl(156, 40%, 50%) |
| HSV | 156°, 57%, 70% |
| CMYK | 57%, 0%, 22%, 30% |
| Decimal | 5091978 |
Shades and tints of Muted Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1F2EC - 100
#C4E5D8 - 200
#A6D9C5 - 300
#88CCB1 - 400
#6BBF9E - 500
#4DB28A - 600
#409473 - 700
#33775C - 800
#275945 - 900
#1A3B2E - 950
#0D1E17
Color harmonies for Muted Seafoam
- Complementary
#B34D75≈ Muted Carmine - Analogous −30°
#4DB357≈ Muted Kelly - Analogous +30°
#4DA8B3≈ Muted Lagoon - Triadic +120°
#8A4DB3≈ Muted Amethyst - Triadic +240°
#B38A4D≈ Muted Tangerine - Split 150°
#B34DA8≈ Muted Fuchsia - Split 210°
#B3574D≈ Muted Scarlet
Contrast and accessibility of Muted Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Seafoam | Aa | 2.61:1 | Fails |
| Black text on Muted Seafoam | Aa | 8.05:1 | AAA (excellent) |
CSS code for Muted Seafoam
background-color: #4DB28A;color: #4DB28A;background-color: rgb(77, 178, 138);background-color: hsl(156, 40%, 50%);:root { --color-muted-seafoam: #4DB28A; }class="bg-[#4DB28A]"Colors similar to Muted Seafoam
- Muted Mint
#4DB280 - Muted Aquamarine
#4DB294 - Mint
#3EB489 - Muted Turquoise
#4DB29E - Muted Malachite
#4DB275 - Medium Sea Green
#3CB371 - Muted Teal
#4DB2A8 - Medium Light Muted Malachite
#69BF8B - Muted Jade
#4DB26B - Medium Light Muted Jade
#69BF83 - Medium Light Muted Mint
#69BF94 - Emerald
#50C878
More green shades
- Palest Soft Seafoam
#D6F5E9 - Darkest Muted Seafoam
#0F241C - Very Dark Muted Seafoam
#1C4032 - Dark Muted Seafoam
#285D48 - Deep Muted Seafoam
#34795E - Medium Dark Muted Seafoam
#409674 - Medium Light Muted Seafoam
#69BF9C - Light Muted Seafoam
#86CBAF - Pale Muted Seafoam
#A2D7C2 - Very Pale Muted Seafoam
#BFE3D5 - Palest Muted Seafoam
#DBF0E8
Frequently asked questions
What is the HEX code for Muted Seafoam?
The HEX code for Muted Seafoam is #4DB28A.
What is the RGB value of Muted Seafoam?
Muted Seafoam has an RGB value of 77, 178, 138 (rgb(77, 178, 138)). In HSL it is 156°, 40%, 50%.
What text color should I use on Muted Seafoam?
Use black text on Muted Seafoam. White text has a contrast ratio of 2.61:1 and black text has 8.05:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Seafoam?
The complementary color of Muted Seafoam is #B34D75. Analogous colors #4DB357 and #4DA8B3 also pair well.