Soft Emerald is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #33CC52, which equals rgb(51, 204, 82) in RGB and hsl(132, 60%, 50%) in HSL. In print terms it converts to roughly C75 M0 Y60 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#33CC52 - RGB
51, 204, 82 - HSL
132°, 60%, 50% - CMYK
75, 0, 60, 20 - Family
Green - Tone
Medium, saturated
About Soft Emerald
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 9.90:1. Its complementary color is #CC33AD.
Download Soft Emerald 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 Emerald color codes
| HEX | #33CC52 |
|---|---|
| RGB | rgb(51, 204, 82) |
| HSL | hsl(132, 60%, 50%) |
| HSV | 132°, 75%, 80% |
| CMYK | 75%, 0%, 60%, 20% |
| Decimal | 3394642 |
Shades and tints of Soft Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDF7E2 - 100
#BBEEC5 - 200
#99E6A9 - 300
#77DD8C - 400
#55D56F - 500
#33CC52 - 600
#2BAA44 - 700
#228837 - 800
#1A6629 - 900
#11441B - 950
#09220E
Color harmonies for Soft Emerald
- Complementary
#CC33AD≈ Soft Raspberry - Analogous −30°
#61CC33≈ Soft Clover - Analogous +30°
#33CC9E≈ Soft Seafoam - Triadic +120°
#5233CC≈ Soft Iris - Triadic +240°
#CC5233≈ Soft Cinnabar - Split 150°
#9E33CC≈ Dark Orchid - Split 210°
#CC3361≈ Soft Carmine
Contrast and accessibility of Soft Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Emerald | Aa | 2.12:1 | Fails |
| Black text on Soft Emerald | Aa | 9.90:1 | AAA (excellent) |
CSS code for Soft Emerald
background-color: #33CC52;color: #33CC52;background-color: rgb(51, 204, 82);background-color: hsl(132, 60%, 50%);:root { --color-soft-emerald: #33CC52; }class="bg-[#33CC52]"Colors similar to Soft Emerald
- Soft Jade
#33CC61 - Soft Kelly
#33CC42 - Soft Malachite
#33CC70 - Medium Dark Bright Malachite
#15C15A - Medium Dark Bright Jade
#15C149 - Soft Green
#33CC33 - Medium Light Soft Green
#54D454 - Lime Green
#32CD32 - Soft Shamrock
#42CC33 - Medium Light Soft Kelly
#54D460 - Medium Light Bright Kelly
#3EEA4F - Malachite
#0BDA51
More green shades
- Palest Bright Emerald
#D1FAD9 - Darkest Soft Emerald
#0A2910 - Very Dark Soft Emerald
#12491D - Dark Soft Emerald
#1B6A2A - Deep Soft Emerald
#238B37 - Medium Dark Soft Emerald
#2BAB45 - Medium Light Soft Emerald
#54D46D - Light Soft Emerald
#74DC89 - Pale Soft Emerald
#95E4A5 - Very Pale Soft Emerald
#B6EDC1 - Palest Soft Emerald
#D6F5DC
Frequently asked questions
What is the HEX code for Soft Emerald?
The HEX code for Soft Emerald is #33CC52.
What is the RGB value of Soft Emerald?
Soft Emerald has an RGB value of 51, 204, 82 (rgb(51, 204, 82)). In HSL it is 132°, 60%, 50%.
What text color should I use on Soft Emerald?
Use black text on Soft Emerald. White text has a contrast ratio of 2.12:1 and black text has 9.90:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Emerald?
The complementary color of Soft Emerald is #CC33AD. Analogous colors #61CC33 and #33CC9E also pair well.