What Color Does Green and Yellow Make?
Green and yellow mixed make yellow-green. A 50/50 mix gives #9ACD32.
Color 1
#008000
Color 2
#FFFF00
Mixed Result
HEX: #A9C800
RGB: 169, 200, 0
Closest name: Olive Green
Green + Yellow = Olive Green
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Green + Yellow = 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
Naming order does not change the physics: green plus yellow still produces a yellow-green family anchored near #9ACD32 (CSS yellowgreen). This URL lists green first for search queries phrased that way; compare with yellow-and-green for the same hex ramp with yellow-heavy ratio labels. Adjacent hues keep mixtures bright—useful for agriculture, sports, and sustainability UI where you need more energy than pure forest green.
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% green + 20% yellow | Leaf green | #5E9A1E | ||
| 60% green + 40% yellow | Apple green | #7CB828 | ||
| 50% green + 50% yellow | Yellow-green | #9ACD32 | ||
| 40% green + 60% yellow | Chartreuse | #B8D935 | ||
| 20% green + 80% yellow | Lime | #C4E038 |
Using this combination in UI and brand design
Use green-heavy rows for trustworthy data UI and yellow-heavy rows for campaign bursts. Keep body text on white or light gray; reserve chartreuse for icons and tags after contrast testing. Branch extended greens in the palette generator and regression-test states with the contrast checker.
Build harmonious ramps and harmonies from any swatch above in the palette generator, then validate text, links, and buttons with the contrast checker.