What Colors Make Green? (Mixing, Explained)

What colors make green? Blue and yellow, if you're mixing paint — that part survives from grade-school color wheels. The exact blue and the exact yellow you pick decide whether you land on a clean spring green or a swampy olive, and the recipe flips again once you're picking green on a screen instead of a canvas.

Paint and light don't build color the same way, and green is where that gap shows up hardest. On paper, green is something you construct out of two other colors. On a screen, green is already there, sitting in its own channel, waiting for you to turn it up. Both are true at once — paint first, then screens, then the exact numbers to reach for either one.

What Colors Make Green in Paint (And Why the Shade Matters)

Blue and yellow both sit as primaries on the traditional artist's wheel — the same primary, secondary and tertiary structure most design classes start with — and green is the secondary that lands exactly between them. Mix any blue with any yellow and something green comes out, but no pigment is a pure primary. Every blue tube leans a little toward violet or a little toward green already, and every yellow leans a little toward orange or a little toward green. That lean is called a bias, and it decides more about your final green than the words "blue" and "yellow" on the label ever will.

A blue with a green bias — phthalo blue is the textbook case — already carries a trace of the color you're chasing. Pair it with a yellow that leans the same direction, something like a lemon or Hansa yellow, and the mix jumps to a bright, almost electric green with barely any coaxing. Both pigments pull the same way, so nothing in the mix is fighting the result.

Go the other direction and the job gets harder. Ultramarine blue carries a violet-red bias; a warm cadmium yellow leans toward orange, which drags red along with it. Mix those two and you're smuggling red into a green — and red is green's exact complement. Complements cancel each other's saturation, which is exactly why that batch turns dull and olive-brown instead of springy. It's the same cancellation that dulls a mixed brown a shade further every time you toss in another color — the full mechanics are in what colors make brown.

Fixing Muddy or Olive Green

If your green already came out flat, three things are usually working against you at once: a red-biased blue or yellow, a brush that still had yesterday's red in the bristles, or plain overworking — stirring a mix well past the point it needed to stop.

• Switch pigments toward the green-biased sibling — phthalo or cerulean instead of ultramarine, lemon yellow instead of a deep cadmium — then remix from scratch rather than rescuing the muddy batch.
• Reserve a clean brush and a clean patch of palette for green mixes only. One stray stroke of leftover red is enough to knock the saturation down.
• Lighten with white, not with more yellow. Extra yellow usually drags the hue toward olive without giving back any lost chroma.
• Stop stirring the moment the color reads right — every extra pass across the palette knife picks up a little more of whatever pigment sits next to it.

Muddy is sometimes exactly the goal. Sage, moss, army green, the color of a dried eucalyptus leaf — these are low-saturation greens by design, and a slightly red-biased mix reaches them faster than graying down a vivid green after the fact. Olive is a different destination, not a failed green.

What Colors Make Green On a Screen? Why RGB Plays by Different Rules

On a monitor, though, green isn't a secondary color you build — it's a primary, with its own dedicated channel among the three tiny lights inside every pixel: red, green and blue. Getting green light doesn't take mixing. You turn the green channel up and leave the other two alone.

That fact is basic enough that CSS trips over it. The keyword green resolves to #008000, a muted forest tone, while the vivid, almost glowing green you're picturing is actually named lime, #00FF00, in the spec. Two names for two lightness levels of the same hue, because whoever wrote the color keywords had already claimed "green" for the duller one.

So does blue and yellow make green on a screen too? Not the way you'd expect. Take a plain blue hex and a plain yellow hex and average them — which is what a lot of simple digital blend tools actually do — and #0000FF plus #FFFF00 lands on #808080, a flat mid-gray with no green anywhere in it.

The reason sits in the wheel underneath. On the artist's RYB wheel, blue and yellow are neighbors, two primaries with green sitting in the gap between them. On the RGB wheel your screen runs on, blue sits at 240° and yellow sits at 60° — exact opposites, 180° apart, literal inverses of each other. Average two exact opposites in RGB and you don't get the color between them. You get the color that cancels them out: gray. Same complementary cancellation as the paint section, just measured on a completely different wheel.

Add the two instead of averaging them — closer to how overlapping stage lights actually combine — and you land at the opposite extreme. Full-intensity blue light plus full-intensity yellow light sums to white, because yellow light already carries red and green together, and stacking blue on top fills in the last missing channel. Neither operation hands you green. Green was never hiding inside blue and yellow on this wheel. It's a separate primary, and you dial it in directly instead of mixing your way toward it.

Blending tools aren't broken here; plain RGB is simply the wrong space for blending colors that sit opposite each other on the hue wheel. Route the same blue-to-yellow blend through a hue-aware space instead — HSL, LCH, OKLCH — and the interpolation can travel the short way around the wheel, through green, instead of cutting straight through the middle where all three channels cancel out.

Ink adds a third recipe if you ever design for print. Its primaries are cyan, magenta and yellow instead of red, yellow and blue, but the mixing is still subtractive. Overlap cyan ink and yellow ink on a page and green comes back again, from a completely different pair: cyan absorbs red light, yellow absorbs blue light, and green is the wavelength both inks leave alone. Same subtractive logic as paint, a different starting pair of primaries entirely.

Where Green Lives on the Wheel: Building a Full Scale

Green covers a wide stretch of the hue wheel, and where you land inside it decides whether the color reads warm or cool before saturation or lightness even enter the picture. Yellow-green and chartreuse sit around 80–90°, closer to yellow than to true green — think tennis ball, not forest. Grass and leaf greens sit nearer 100°, still warm, still leaning toward yellow. What most people picture when you say "green" with no other adjective sits between about 120° and 145°, true green through emerald. Past roughly 150° you're crossing into teal and sea-green, cooler, leaning toward blue and cyan the whole way. Three reference points at matched saturation and lightness show the shift: #539e2e reads warm and grassy, #2e9e57 reads like a textbook true green, #2e9e82 reads cool, almost teal — same saturation, same lightness, only the hue moved.

:root{
  --green-50:  #ebf9f0;
  --green-100: #a8e6bf;
  --green-300: #61d18a;
  --green-500: #2e9e57;
  --green-700: #1c5f34;
  --green-900: #0e2f1a;
}

A single hex rarely covers a whole interface, so you'll usually need a full run of tints and shades built from one hue. Hold the hue and saturation steady and step the lightness down from near-white to near-black, the same approach that works for any color family, warm or cool.

Name each step by the job it does rather than memorizing the hex: a pale tint for a success banner's background, the mid-tone for an active button, the darkest shade for text set on a light card.

Try It: Mix Live and Grab the Exact Hex

What colors make green comes down to two separate answers: blue and yellow on paper, a single dialed-in channel on a screen. Both routes land on green, though only one of them is actually mixing anything.

Open the Color Mixer and drop a blue swatch on one side, a yellow on the other. Watch the midpoint swatch in plain RGB — it sinks toward gray. Switch the blend space to HSL or OKLCH without touching either color, and the same midpoint swings over to green. Same two colors, two different roads between them.

Pull up the Color Picker next and drag the hue ring to somewhere between 120° and 150°. That's the direct route to green on a screen, no blending required — watch the green channel climb while red and blue drop toward zero as you go.

Once you've settled on a green, open Color Harmonies and drop that hex in as your base. A complementary pairing pulls a red-pink accent straight across the wheel for contrast; an analogous scheme grabs the yellow-green and teal neighbors sitting right next to it for a palette that never fights itself.