Soft Fern is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #70CC33, which equals rgb(112, 204, 51) in RGB and hsl(96, 60%, 50%) in HSL. In print terms it converts to roughly C45 M0 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#70CC33 - RGB
112, 204, 51 - HSL
96°, 60%, 50% - CMYK
45, 0, 75, 20 - Family
Green - Tone
Medium, saturated
About Soft Fern
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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 10.37:1. Its complementary color is #8F33CC.
Download Soft Fern 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 Fern color codes
| HEX | #70CC33 |
|---|---|
| RGB | rgb(112, 204, 51) |
| HSL | hsl(96, 60%, 50%) |
| HSV | 96°, 75%, 80% |
| CMYK | 45%, 0%, 75%, 20% |
| Decimal | 7392307 |
Shades and tints of Soft Fern
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E7F7DD - 100
#CFEEBB - 200
#B8E699 - 300
#A0DD77 - 400
#88D555 - 500
#70CC33 - 600
#5DAA2B - 700
#4B8822 - 800
#38661A - 900
#254411 - 950
#132209
Color harmonies for Soft Fern
- Complementary
#8F33CC≈ Dark Orchid - Analogous −30°
#BDCC33≈ Soft Yellow - Analogous +30°
#33CC42≈ Soft Green - Triadic +120°
#3370CC≈ Soft Cerulean - Triadic +240°
#CC3370≈ Soft Ruby - Split 150°
#4233CC≈ Soft Blue - Split 210°
#CC33BD≈ Soft Magenta
Contrast and accessibility of Soft Fern
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Fern | Aa | 2.02:1 | Fails |
| Black text on Soft Fern | Aa | 10.37:1 | AAA (excellent) |
CSS code for Soft Fern
background-color: #70CC33;color: #70CC33;background-color: rgb(112, 204, 51);background-color: hsl(96, 60%, 50%);:root { --color-soft-fern: #70CC33; }class="bg-[#70CC33]"Colors similar to Soft Fern
- Soft Leaf
#61CC33 - Soft Apple
#80CC33 - Soft Clover
#52CC33 - Soft Spring Bud
#8FCC33 - Medium Dark Bright Apple
#6BC115 - Medium Light Soft Clover
#6DD454 - Medium Dark Bright Spring Bud
#7CC115 - Medium Light Soft Leaf
#7AD454 - Medium Light Soft Shamrock
#60D454 - Medium Light Bright Leaf
#72EA3E - Medium Dark Bright Fern
#5AC115 - Medium Light Soft Fern
#87D454
More green shades
- Palest Bright Fern
#E1FAD1 - Darkest Soft Fern
#16290A - Very Dark Soft Fern
#284912 - Dark Soft Fern
#3A6A1B - Deep Soft Fern
#4C8B23 - Medium Dark Soft Fern
#5EAB2B - Medium Light Soft Fern
#87D454 - Light Soft Fern
#9EDC74 - Pale Soft Fern
#B5E495 - Very Pale Soft Fern
#CCEDB6 - Palest Soft Fern
#E2F5D6
Frequently asked questions
What is the HEX code for Soft Fern?
The HEX code for Soft Fern is #70CC33.
What is the RGB value of Soft Fern?
Soft Fern has an RGB value of 112, 204, 51 (rgb(112, 204, 51)). In HSL it is 96°, 60%, 50%.
What text color should I use on Soft Fern?
Use black text on Soft Fern. White text has a contrast ratio of 2.02:1 and black text has 10.37:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Fern?
The complementary color of Soft Fern is #8F33CC. Analogous colors #BDCC33 and #33CC42 also pair well.