What Color Does Yellow and Green Make?
Yellow and green mixed make yellow-green. A 50/50 mix gives #9ACD32.
Color 1
#FFFF00
Color 2
#008000
Mixed Result
HEX: #A9C800
RGB: 169, 200, 0
Closest name: Olive Green
Yellow + Green = Olive Green
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Yellow + Green = Yellow-green (#9ACD32)
Swatch shows the headline mix color—compare with the ratio table and adjust live in the simulator.
Why this mix looks the way it does
Yellow and green are adjacent on the wheel, so their mixture stays in the yellow-green family—chartreuse, lime, and spring green—rather than neutralizing. The CSS color yellowgreen (#9ACD32) is a common reference for a balanced mix between bright yellow (#FFFF00) and web green (#008000). More yellow lifts lightness toward lemon-lime; more green deepens toward apple and forest accents. Use named stops in the table so developers and illustrators share the same vocabulary.
Five mix ratios (hex previews)
Ratios describe how much of each primary contributes to the blend; hex values are reference stops for design tokens and mood boards.
| Mix | Name | Swatch | Hex | Copy |
|---|---|---|---|---|
| 80% yellow + 20% green | Lime | #C4E038 | ||
| 60% yellow + 40% green | Chartreuse | #B8D935 | ||
| 50% yellow + 50% green | Yellow-green | #9ACD32 | ||
| 40% yellow + 60% green | Apple green | #7CB828 | ||
| 20% yellow + 80% green | Leaf green | #5E9A1E |
Using this combination in UI and brand design
Yellow-greens signal energy, growth, and outdoor recreation—strong for charts, badges, and campaign accents. Avoid neon lime for long-form text on white. Generate harmonious ramps in the palette generator and test WCAG pairs in the contrast checker before using yellow-green as a button fill.
Build harmonious ramps and harmonies from any swatch above in the palette generator, then validate text, links, and buttons with the contrast checker.