Muted Clover is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #61B24D, which equals rgb(97, 178, 77) in RGB and hsl(108, 40%, 50%) in HSL. In print terms it converts to roughly C46 M0 Y57 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#61B24D - RGB
97, 178, 77 - HSL
108°, 40%, 50% - CMYK
46, 0, 57, 30 - Family
Green - Tone
Medium, moderately saturated
About Muted Clover
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.98:1. Its complementary color is #9E4DB3.
Download Muted Clover 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 Clover color codes
| HEX | #61B24D |
|---|---|
| RGB | rgb(97, 178, 77) |
| HSL | hsl(108, 40%, 50%) |
| HSV | 108°, 57%, 70% |
| CMYK | 46%, 0%, 57%, 30% |
| Decimal | 6402637 |
Shades and tints of Muted Clover
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5F2E1 - 100
#CAE5C4 - 200
#B0D9A6 - 300
#96CC88 - 400
#7BBF6B - 500
#61B24D - 600
#519440 - 700
#417733 - 800
#315927 - 900
#203B1A - 950
#101E0D
Color harmonies for Muted Clover
- Complementary
#9E4DB3≈ Muted Purple - Analogous −30°
#94B34D≈ Muted Chartreuse - Analogous +30°
#4DB36B≈ Muted Jade - Triadic +120°
#4D61B3≈ Muted Cobalt - Triadic +240°
#B34D61≈ Muted Crimson - Split 150°
#6B4DB3≈ Muted Iris - Split 210°
#B34D94≈ Muted Raspberry
Contrast and accessibility of Muted Clover
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Clover | Aa | 2.63:1 | Fails |
| Black text on Muted Clover | Aa | 7.98:1 | AAA (excellent) |
CSS code for Muted Clover
background-color: #61B24D;color: #61B24D;background-color: rgb(97, 178, 77);background-color: hsl(108, 40%, 50%);:root { --color-muted-clover: #61B24D; }class="bg-[#61B24D]"Colors similar to Muted Clover
- Muted Shamrock
#57B24D - Muted Leaf
#6BB24D - Muted Green
#4DB24D - Muted Fern
#75B24D - Muted Kelly
#4DB257 - Muted Emerald
#4DB261 - Muted Apple
#80B24D - Medium Light Muted Green
#69BF69 - Medium Dark Soft Fern
#5EAB2B - Muted Jade
#4DB26B - Medium Light Muted Shamrock
#72BF69 - Medium Dark Soft Apple
#6BAB2B
More green shades
- Palest Soft Clover
#DCF5D6 - Darkest Muted Clover
#13240F - Very Dark Muted Clover
#23401C - Dark Muted Clover
#325D28 - Deep Muted Clover
#427934 - Medium Dark Muted Clover
#519640 - Medium Light Muted Clover
#7ABF69 - Light Muted Clover
#93CB86 - Pale Muted Clover
#ADD7A2 - Very Pale Muted Clover
#C6E3BF - Palest Muted Clover
#DFF0DB
Frequently asked questions
What is the HEX code for Muted Clover?
The HEX code for Muted Clover is #61B24D.
What is the RGB value of Muted Clover?
Muted Clover has an RGB value of 97, 178, 77 (rgb(97, 178, 77)). In HSL it is 108°, 40%, 50%.
What text color should I use on Muted Clover?
Use black text on Muted Clover. White text has a contrast ratio of 2.63:1 and black text has 7.98:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Clover?
The complementary color of Muted Clover is #9E4DB3. Analogous colors #94B34D and #4DB36B also pair well.