Soft Green is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #33CC33, which equals rgb(51, 204, 51) in RGB and hsl(120, 60%, 50%) in HSL. In print terms it converts to roughly C75 M0 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#33CC33 - RGB
51, 204, 51 - HSL
120°, 60%, 50% - CMYK
75, 0, 75, 20 - Family
Green - Tone
Medium, saturated
About Soft Green
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 9.83:1. Its complementary color is #CC33CC.
Download Soft Green 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 Green color codes
| HEX | #33CC33 |
|---|---|
| RGB | rgb(51, 204, 51) |
| HSL | hsl(120, 60%, 50%) |
| HSV | 120°, 75%, 80% |
| CMYK | 75%, 0%, 75%, 20% |
| Decimal | 3394611 |
Shades and tints of Soft Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDF7DD - 100
#BBEEBB - 200
#99E699 - 300
#77DD77 - 400
#55D555 - 500
#33CC33 - 600
#2BAA2B - 700
#228822 - 800
#1A661A - 900
#114411 - 950
#092209
Color harmonies for Soft Green
- Complementary
#CC33CC≈ Soft Fuchsia - Analogous −30°
#80CC33≈ Soft Spring Bud - Analogous +30°
#33CC80≈ Soft Seafoam - Triadic +120°
#3333CC≈ Soft Ultramarine - Triadic +240°
#CC3333≈ Soft Cardinal - Split 150°
#8033CC≈ Soft Violet - Split 210°
#CC3380≈ Soft Rose
Contrast and accessibility of Soft Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Green | Aa | 2.14:1 | Fails |
| Black text on Soft Green | Aa | 9.83:1 | AAA (excellent) |
CSS code for Soft Green
background-color: #33CC33;color: #33CC33;background-color: rgb(51, 204, 51);background-color: hsl(120, 60%, 50%);:root { --color-soft-green: #33CC33; }class="bg-[#33CC33]"Colors similar to Soft Green
- Lime Green
#32CD32 - Soft Shamrock
#42CC33 - Soft Kelly
#33CC42 - Soft Clover
#52CC33 - Medium Dark Bright Emerald
#15C138 - Soft Emerald
#33CC52 - Medium Dark Bright Kelly
#15C127 - Medium Dark Bright Clover
#38C115 - Medium Dark Bright Shamrock
#27C115 - Medium Dark Bright Jade
#15C149 - Medium Dark Bright Leaf
#49C115 - Medium Light Bright Green
#3EEA3E
More green shades
- Palest Bright Green
#D1FAD1 - Darkest Soft Green
#0A290A - Very Dark Soft Green
#124912 - Dark Soft Green
#1B6A1B - Deep Soft Green
#238B23 - Medium Dark Soft Green
#2BAB2B - Medium Light Soft Green
#54D454 - Light Soft Green
#74DC74 - Pale Soft Green
#95E495 - Very Pale Soft Green
#B6EDB6 - Palest Soft Green
#D6F5D6
Frequently asked questions
What is the HEX code for Soft Green?
The HEX code for Soft Green is #33CC33.
What is the RGB value of Soft Green?
Soft Green has an RGB value of 51, 204, 51 (rgb(51, 204, 51)). In HSL it is 120°, 60%, 50%.
What text color should I use on Soft Green?
Use black text on Soft Green. White text has a contrast ratio of 2.14:1 and black text has 9.83:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Green?
The complementary color of Soft Green is #CC33CC. Analogous colors #80CC33 and #33CC80 also pair well.