Soft Clover is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #52CC33, which equals rgb(82, 204, 51) in RGB and hsl(108, 60%, 50%) in HSL. In print terms it converts to roughly C60 M0 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#52CC33 - RGB
82, 204, 51 - HSL
108°, 60%, 50% - CMYK
60, 0, 75, 20 - Family
Green - Tone
Medium, saturated
About Soft 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 10.04:1. Its complementary color is #AD33CC.
Download Soft 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…
Soft Clover color codes
| HEX | #52CC33 |
|---|---|
| RGB | rgb(82, 204, 51) |
| HSL | hsl(108, 60%, 50%) |
| HSV | 108°, 75%, 80% |
| CMYK | 60%, 0%, 75%, 20% |
| Decimal | 5426227 |
Shades and tints of Soft Clover
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2F7DD - 100
#C5EEBB - 200
#A9E699 - 300
#8CDD77 - 400
#6FD555 - 500
#52CC33 - 600
#44AA2B - 700
#378822 - 800
#29661A - 900
#1B4411 - 950
#0E2209
Color harmonies for Soft Clover
- Complementary
#AD33CC≈ Soft Grape - Analogous −30°
#9ECC33≈ Yellow Green - Analogous +30°
#33CC61≈ Soft Emerald - Triadic +120°
#3352CC≈ Soft Sapphire - Triadic +240°
#CC3352≈ Soft Ruby - Split 150°
#6133CC≈ Soft Indigo - Split 210°
#CC339E≈ Soft Cerise
Contrast and accessibility of Soft Clover
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Clover | Aa | 2.09:1 | Fails |
| Black text on Soft Clover | Aa | 10.04:1 | AAA (excellent) |
CSS code for Soft Clover
background-color: #52CC33;color: #52CC33;background-color: rgb(82, 204, 51);background-color: hsl(108, 60%, 50%);:root { --color-soft-clover: #52CC33; }class="bg-[#52CC33]"Colors similar to Soft Clover
- Soft Leaf
#61CC33 - Soft Shamrock
#42CC33 - Soft Fern
#70CC33 - Soft Green
#33CC33 - Lime Green
#32CD32 - Soft Kelly
#33CC42 - Medium Dark Bright Fern
#5AC115 - Medium Dark Bright Leaf
#49C115 - Medium Light Soft Green
#54D454 - Kelly Green
#4CBB17 - Medium Light Soft Shamrock
#60D454 - Medium Light Bright Shamrock
#4FEA3E
More green shades
- Palest Bright Clover
#D9FAD1 - Darkest Soft Clover
#10290A - Very Dark Soft Clover
#1D4912 - Dark Soft Clover
#2A6A1B - Deep Soft Clover
#378B23 - Medium Dark Soft Clover
#45AB2B - Medium Light Soft Clover
#6DD454 - Light Soft Clover
#89DC74 - Pale Soft Clover
#A5E495 - Very Pale Soft Clover
#C1EDB6 - Palest Soft Clover
#DCF5D6
Frequently asked questions
What is the HEX code for Soft Clover?
The HEX code for Soft Clover is #52CC33.
What is the RGB value of Soft Clover?
Soft Clover has an RGB value of 82, 204, 51 (rgb(82, 204, 51)). In HSL it is 108°, 60%, 50%.
What text color should I use on Soft Clover?
Use black text on Soft Clover. White text has a contrast ratio of 2.09:1 and black text has 10.04:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Clover?
The complementary color of Soft Clover is #AD33CC. Analogous colors #9ECC33 and #33CC61 also pair well.