Soft Chartreuse is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #9ECC33, which equals rgb(158, 204, 51) in RGB and hsl(78, 60%, 50%) in HSL. In print terms it converts to roughly C23 M0 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#9ECC33 - RGB
158, 204, 51 - HSL
78°, 60%, 50% - CMYK
23, 0, 75, 20 - Family
Green - Tone
Medium, saturated
About Soft Chartreuse
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 11.14:1. Its complementary color is #6133CC.
Download Soft Chartreuse 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 Chartreuse color codes
| HEX | #9ECC33 |
|---|---|
| RGB | rgb(158, 204, 51) |
| HSL | hsl(78, 60%, 50%) |
| HSV | 78°, 75%, 80% |
| CMYK | 23%, 0%, 75%, 20% |
| Decimal | 10406963 |
Shades and tints of Soft Chartreuse
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EFF7DD - 100
#DFEEBB - 200
#CFE699 - 300
#BEDD77 - 400
#AED555 - 500
#9ECC33 - 600
#84AA2B - 700
#698822 - 800
#4F661A - 900
#354411 - 950
#1A2209
Color harmonies for Soft Chartreuse
- Complementary
#6133CC≈ Soft Indigo - Analogous −30°
#CCAD33≈ Soft Amber - Analogous +30°
#52CC33≈ Soft Leaf - Triadic +120°
#339ECC≈ Soft Peacock - Triadic +240°
#CC339E≈ Soft Cerise - Split 150°
#3352CC≈ Soft Sapphire - Split 210°
#AD33CC≈ Soft Grape
Contrast and accessibility of Soft Chartreuse
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Chartreuse | Aa | 1.89:1 | Fails |
| Black text on Soft Chartreuse | Aa | 11.14:1 | AAA (excellent) |
CSS code for Soft Chartreuse
background-color: #9ECC33;color: #9ECC33;background-color: rgb(158, 204, 51);background-color: hsl(78, 60%, 50%);:root { --color-soft-chartreuse: #9ECC33; }class="bg-[#9ECC33]"Colors similar to Soft Chartreuse
- Yellow Green
#9ACD32 - Soft Spring Bud
#8FCC33 - Soft Lime
#ADCC33 - Soft Apple
#80CC33 - Soft Citron
#BDCC33 - Medium Dark Bright Lime
#9FC115 - Medium Light Soft Spring Bud
#A1D454 - Medium Light Soft Apple
#94D454 - Medium Dark Bright Chartreuse
#8DC115 - Medium Dark Bright Citron
#B0C115 - Medium Light Soft Chartreuse
#AED454 - Medium Light Bright Spring Bud
#A5EA3E
More green shades
- Palest Bright Chartreuse
#EEFAD1 - Darkest Soft Chartreuse
#20290A - Very Dark Soft Chartreuse
#394912 - Dark Soft Chartreuse
#526A1B - Deep Soft Chartreuse
#6C8B23 - Medium Dark Soft Chartreuse
#85AB2B - Medium Light Soft Chartreuse
#AED454 - Light Soft Chartreuse
#BDDC74 - Pale Soft Chartreuse
#CDE495 - Very Pale Soft Chartreuse
#DCEDB6 - Palest Soft Chartreuse
#ECF5D6
Frequently asked questions
What is the HEX code for Soft Chartreuse?
The HEX code for Soft Chartreuse is #9ECC33.
What is the RGB value of Soft Chartreuse?
Soft Chartreuse has an RGB value of 158, 204, 51 (rgb(158, 204, 51)). In HSL it is 78°, 60%, 50%.
What text color should I use on Soft Chartreuse?
Use black text on Soft Chartreuse. White text has a contrast ratio of 1.89:1 and black text has 11.14:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Chartreuse?
The complementary color of Soft Chartreuse is #6133CC. Analogous colors #CCAD33 and #52CC33 also pair well.