What Color Does Yellow and Blue Make?
Yellow (#FFFF00) plus blue (#0000FF) is the classic primary pair for green. This URL mirrors the blue-and-yellow lesson with yellow listed first for search intent—compare both pages if you are optimizing copy.
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 (#00CC00)
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-cyan sensations at balance. Dominating with yellow yields chartreuse and lime moods; dominating with blue yields pine and teal moods. Use the ratio table to brief illustrators and UI designers with 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% blue | Yellow-green | #99CC33 | ||
| 60% yellow + 40% blue | Spring green | #33CC33 | ||
| 50% yellow + 50% blue | True green | #00CC00 | ||
| 40% yellow + 60% blue | Teal green | #008F55 | ||
| 20% yellow + 80% blue | Deep blue-green | #006B4D |
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.