What Color Does Yellow and Blue Make?
Yellow + Blue = Green #008000
Yellow (#FFFF00) plus blue (#0000FF) is the classic primary pair for green. This page lists yellow first for search intent; use the simulator above, then compare ratio presets below.
Color 1
#FFFF00
Color 2
#0000FF
Mixed Result
HEX: #9EA39E
RGB: 158, 163, 158
Closest name: Gray
Yellow + Blue = Gray
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Yellow + Blue = Green (#008000)
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
Order of naming does not change the mixture: yellow and blue still remove the warm red component from perceived light, leaving green sensations at balance. Dominating with yellow yields chartreuse and lime moods; dominating with blue yields pine and forest moods. The table centers on web green (#008000) as a handoff-friendly anchor before you tune in the mixer.
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% blue | Chartreuse | #669900 | ||
| 60% yellow + 40% blue | Lime green | #4D9900 | ||
| 50% yellow + 50% blue | True green | #008000 | ||
| 40% yellow + 60% blue | Forest green | #006B33 | ||
| 20% yellow + 80% blue | Deep pine | #004D4D |
Using this combination in UI and brand design
Pair greens with warm off-white for organic brands, or with slate neutrals for analytical products. Reserve the brightest row for success badges only if contrast passes. Build extended greens from your chosen anchor in the palette generator, then 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.