Yellow Green is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #9ACD32, which equals rgb(154, 205, 50) in RGB and hsl(80, 61%, 50%) in HSL. In print terms it converts to roughly C25 M0 Y76 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#9ACD32 - RGB
154, 205, 50 - HSL
80°, 61%, 50% - CMYK
25, 0, 76, 20 - Family
Green - Tone
Medium, saturated
About Yellow 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 11.15:1. Its complementary color is #6632CD.
Download Yellow 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…
Yellow Green color codes
| HEX | #9ACD32 |
|---|---|
| RGB | rgb(154, 205, 50) |
| HSL | hsl(80, 61%, 50%) |
| HSV | 80°, 76%, 80% |
| CMYK | 25%, 0%, 76%, 20% |
| Decimal | 10145074 |
Shades and tints of Yellow Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEF7DD - 100
#DDEEBB - 200
#CDE699 - 300
#BCDE76 - 400
#ABD554 - 500
#9ACD32 - 600
#80AB2A - 700
#678921 - 800
#4D6719 - 900
#334411 - 950
#1A2208
Color harmonies for Yellow Green
- Complementary
#6632CD≈ Soft Iris - Analogous −30°
#CDB332≈ Soft Marigold - Analogous +30°
#4CCD32≈ Soft Clover - Triadic +120°
#3299CD≈ Soft Capri - Triadic +240°
#CD3299≈ Soft Raspberry - Split 150°
#324CCD≈ Soft Cobalt - Split 210°
#B332CD≈ Soft Purple
Contrast and accessibility of Yellow Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Yellow Green | Aa | 1.88:1 | Fails |
| Black text on Yellow Green | Aa | 11.15:1 | AAA (excellent) |
CSS code for Yellow Green
background-color: #9ACD32;color: #9ACD32;background-color: rgb(154, 205, 50);background-color: hsl(80, 61%, 50%);:root { --color-yellow-green: #9ACD32; }class="bg-[#9ACD32]"Colors similar to Yellow Green
- Soft Chartreuse
#9ECC33 - Soft Spring Bud
#8FCC33 - Soft Lime
#ADCC33 - Soft Apple
#80CC33 - Medium Dark Bright Lime
#9FC115 - Medium Dark Bright Chartreuse
#8DC115 - Medium Light Soft Apple
#94D454 - Medium Light Soft Spring Bud
#A1D454 - Soft Citron
#BDCC33 - Medium Light Bright Apple
#94EA3E - Medium Dark Bright Citron
#B0C115 - Medium Light Soft Fern
#87D454
More green shades
- Lime
#00FF00 - Medium Aquamarine
#66CDAA - Medium Sea Green
#3CB371 - Medium Spring Green
#00FA9A - Olive Drab
#6B8E23 - Spring Green
#00FF7F - Emerald
#50C878 - Mint
#3EB489 - Seafoam Green
#9FE2BF - Jade
#00A86B - Malachite
#0BDA51
Frequently asked questions
What is the HEX code for Yellow Green?
The HEX code for Yellow Green is #9ACD32.
What is the RGB value of Yellow Green?
Yellow Green has an RGB value of 154, 205, 50 (rgb(154, 205, 50)). In HSL it is 80°, 61%, 50%.
What text color should I use on Yellow Green?
Use black text on Yellow Green. White text has a contrast ratio of 1.88:1 and black text has 11.15:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Yellow Green?
The complementary color of Yellow Green is #6632CD. Analogous colors #CDB332 and #4CCD32 also pair well.