Soft Jade is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #33CC61, which equals rgb(51, 204, 97) in RGB and hsl(138, 60%, 50%) in HSL. In print terms it converts to roughly C75 M0 Y52 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#33CC61 - RGB
51, 204, 97 - HSL
138°, 60%, 50% - CMYK
75, 0, 52, 20 - Family
Green - Tone
Medium, saturated
About Soft Jade
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.95:1. Its complementary color is #CC339E.
Download Soft Jade 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 Jade color codes
| HEX | #33CC61 |
|---|---|
| RGB | rgb(51, 204, 97) |
| HSL | hsl(138, 60%, 50%) |
| HSV | 138°, 75%, 80% |
| CMYK | 75%, 0%, 52%, 20% |
| Decimal | 3394657 |
Shades and tints of Soft Jade
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDF7E5 - 100
#BBEECA - 200
#99E6B0 - 300
#77DD96 - 400
#55D57B - 500
#33CC61 - 600
#2BAA51 - 700
#228841 - 800
#1A6631 - 900
#114420 - 950
#092210
Color harmonies for Soft Jade
- Complementary
#CC339E≈ Soft Cerise - Analogous −30°
#52CC33≈ Soft Leaf - Analogous +30°
#33CCAD≈ Soft Aquamarine - Triadic +120°
#6133CC≈ Soft Indigo - Triadic +240°
#CC6133≈ Soft Vermilion - Split 150°
#AD33CC≈ Soft Grape - Split 210°
#CC3352≈ Soft Ruby
Contrast and accessibility of Soft Jade
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Jade | Aa | 2.11:1 | Fails |
| Black text on Soft Jade | Aa | 9.95:1 | AAA (excellent) |
CSS code for Soft Jade
background-color: #33CC61;color: #33CC61;background-color: rgb(51, 204, 97);background-color: hsl(138, 60%, 50%);:root { --color-soft-jade: #33CC61; }class="bg-[#33CC61]"Colors similar to Soft Jade
- Soft Emerald
#33CC52 - Soft Malachite
#33CC70 - Medium Dark Bright Malachite
#15C15A - Soft Kelly
#33CC42 - Soft Mint
#33CC80 - Medium Dark Bright Mint
#15C16B - Medium Light Soft Kelly
#54D460 - Medium Light Soft Emerald
#54D46D - Medium Light Soft Green
#54D454 - Medium Sea Green
#3CB371 - Emerald
#50C878 - Medium Light Bright Emerald
#3EEA60
More green shades
- Palest Bright Jade
#D1FADD - Darkest Soft Jade
#0A2913 - Very Dark Soft Jade
#124923 - Dark Soft Jade
#1B6A32 - Deep Soft Jade
#238B42 - Medium Dark Soft Jade
#2BAB51 - Medium Light Soft Jade
#54D47A - Light Soft Jade
#74DC93 - Pale Soft Jade
#95E4AD - Very Pale Soft Jade
#B6EDC6 - Palest Soft Jade
#D6F5DF
Frequently asked questions
What is the HEX code for Soft Jade?
The HEX code for Soft Jade is #33CC61.
What is the RGB value of Soft Jade?
Soft Jade has an RGB value of 51, 204, 97 (rgb(51, 204, 97)). In HSL it is 138°, 60%, 50%.
What text color should I use on Soft Jade?
Use black text on Soft Jade. White text has a contrast ratio of 2.11:1 and black text has 9.95:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Jade?
The complementary color of Soft Jade is #CC339E. Analogous colors #52CC33 and #33CCAD also pair well.