Muted Fern is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #75B24D, which equals rgb(117, 178, 77) in RGB and hsl(96, 40%, 50%) in HSL. In print terms it converts to roughly C34 M0 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#75B24D - RGB
117, 178, 77 - HSL
96°, 40%, 50% - CMYK
34, 0, 57, 30 - Family
Green - Tone
Medium, moderately saturated
About Muted Fern
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.23:1. Its complementary color is #8A4DB3.
Download Muted Fern 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 Fern color codes
| HEX | #75B24D |
|---|---|
| RGB | rgb(117, 178, 77) |
| HSL | hsl(96, 40%, 50%) |
| HSV | 96°, 57%, 70% |
| CMYK | 34%, 0%, 57%, 30% |
| Decimal | 7713357 |
Shades and tints of Muted Fern
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8F2E1 - 100
#D1E5C4 - 200
#BAD9A6 - 300
#A3CC88 - 400
#8CBF6B - 500
#75B24D - 600
#629440 - 700
#4E7733 - 800
#3B5927 - 900
#273B1A - 950
#141E0D
Color harmonies for Muted Fern
- Complementary
#8A4DB3≈ Muted Amethyst - Analogous −30°
#A8B34D≈ Muted Citron - Analogous +30°
#4DB357≈ Muted Kelly - Triadic +120°
#4D75B3≈ Muted Cornflower - Triadic +240°
#B34D75≈ Muted Carmine - Split 150°
#574DB3≈ Muted Ultramarine - Split 210°
#B34DA8≈ Muted Fuchsia
Contrast and accessibility of Muted Fern
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Fern | Aa | 2.55:1 | Fails |
| Black text on Muted Fern | Aa | 8.23:1 | AAA (excellent) |
CSS code for Muted Fern
background-color: #75B24D;color: #75B24D;background-color: rgb(117, 178, 77);background-color: hsl(96, 40%, 50%);:root { --color-muted-fern: #75B24D; }class="bg-[#75B24D]"Colors similar to Muted Fern
- Muted Leaf
#6BB24D - Muted Apple
#80B24D - Muted Clover
#61B24D - Muted Spring Bud
#8AB24D - Muted Shamrock
#57B24D - Muted Chartreuse
#94B24D - Medium Light Muted Shamrock
#72BF69 - Medium Light Muted Clover
#7ABF69 - Medium Light Muted Green
#69BF69 - Medium Light Muted Leaf
#83BF69 - Medium Dark Soft Spring Bud
#78AB2B - Medium Dark Soft Apple
#6BAB2B
More green shades
- Palest Soft Fern
#E2F5D6 - Darkest Muted Fern
#17240F - Very Dark Muted Fern
#2A401C - Dark Muted Fern
#3D5D28 - Deep Muted Fern
#507934 - Medium Dark Muted Fern
#639640 - Medium Light Muted Fern
#8BBF69 - Light Muted Fern
#A1CB86 - Pale Muted Fern
#B7D7A2 - Very Pale Muted Fern
#CDE3BF - Palest Muted Fern
#E3F0DB
Frequently asked questions
What is the HEX code for Muted Fern?
The HEX code for Muted Fern is #75B24D.
What is the RGB value of Muted Fern?
Muted Fern has an RGB value of 117, 178, 77 (rgb(117, 178, 77)). In HSL it is 96°, 40%, 50%.
What text color should I use on Muted Fern?
Use black text on Muted Fern. White text has a contrast ratio of 2.55:1 and black text has 8.23:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Fern?
The complementary color of Muted Fern is #8A4DB3. Analogous colors #A8B34D and #4DB357 also pair well.