A study in green
Yellow Green
#9ACD32
- Family
- Green
- L
- 0.785
- C
- 0.184
- H
- 127°
Notes
Yellow Green is the bright chartreuse-leaning green that sits halfway between yellow and green at full saturation. The CSS hex carries high chroma at mid-high lightness and reads as fresh and energetic. Large fields of Yellow Green fatigue the eye quickly, so accents work best. Against deep navy type it cools enough to function; against magenta it builds a complementary clash. As a UI element it suits emphasised buttons and panels with dark text overlays in sports and food branding. Body text contrast against white falls below AA at every standard size.
Palette built around Yellow Green
Related colors
Frequently asked questions
What is Yellow Green?
Yellow Green is the bright chartreuse-leaning green that sits halfway between yellow and green at full saturation. The CSS hex carries high chroma at mid-high lightness and reads as fresh and energetic. Its hex code is #9ACD32.
What are the tints and shades of Yellow Green?
uishades builds an 11-step OKLCH ramp for Yellow Green (#9ACD32) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Yellow Green?
Its complementary color is #D599FF. Triadic partners are #67C0FF and #FF8BA8; analogous neighbours are #1ADB87 and #DBB700.
What are the OKLCH and RGB values of Yellow Green?
Yellow Green is #9ACD32 - OKLCH 0.785 0.184 127°, rgb(154 205 50), in the green family.