What color does blue and yellow make?
Equal parts blue and yellow produce green in paint, a pale blue in light (#6cabc7 (Cadet Blue)). The blend is computed in the Oklab color space, so the steps between the two colors look evenly spaced to your eye rather than to the raw channel math.
#6cabc7 - HEX
- #6cabc7
- RGB
- rgb(108, 171, 199)
- HSL
- hsl(198, 45%, 60%)
- CMYK
- cmyk(46%, 14%, 0%, 22%)
color-mix(in oklab, #0000ff 50%, #ffff00) Blue to Yellow: every ratio
How much of each color you use moves the answer along the blend path. The perceptual midpoint is the 50/50 row; the others show what a 3:1 ratio does in either direction.
Lighter and darker versions
Tint the mix toward white or shade it toward black and you get a small palette that all clearly belongs to the same family:
#92c0d5 Tint #b6d5e3 50/50 mix #6cabc7 Shade #25404c Darker #477387 Paint vs. screen: why the medium matters
In paint, blue and yellow make green — the classic subtractive mix taught in school. On a screen, blue and yellow light add together toward white, which is why this tool’s 50/50 screen blend looks pale and washed out instead of green. Same two colors, two different physical processes.
About these two colors
Blue #0000ff — A primary of both light and paint, sitting between cyan and violet on the wheel.
Yellow #ffff00 — The lightest primary — in paint, the warm primary that makes oranges and greens.
Want to blend these with different colors entirely? Open the full color mixer, or convert #6cabc7 to RGB, HSL or CMYK.
Related mixes
See all color mixes for the full directory.
Frequently asked questions
Does blue and yellow make green in paint?
Yes — equal parts give green in paint, a pale blue in light, around #6cabc7. The exact shade depends on your ratio: blue-heavy mixes lean toward #1d77e7 and yellow-heavy mixes toward #b5d797.
What is the HEX code for blue and yellow mixed?
A 50/50 perceptual mix is #6cabc7 (Cadet Blue). If you need it in CSS, the mixer above generates a ready-to-paste color-mix() snippet: color-mix(in oklab, #0000ff 50%, #ffff00).
What does blue and yellow make in paint vs. on a screen?
In paint, blue and yellow make green — the classic subtractive mix taught in school. On a screen, blue and yellow light add together toward white, which is why this tool’s 50/50 screen blend looks pale and washed out instead of green. Same two colors, two different physical processes.
How do I make the green in paint mix lighter or darker?
Mix the result with white to tint it — 50% white gives about #b6d5e3 — or with black to shade it, where 50% black gives about #25404c. The strip above shows the full run from lighter to darker.