What color does red and yellow make?
The short answer: red and yellow make orange. Blended 50/50 you land on #ffa000 (Orange), with heavier ratios leaning back toward whichever color you push — try the sliders in the mixer above.
#ffa000 - HEX
- #ffa000
- RGB
- rgb(255, 160, 0)
- HSL
- hsl(38, 100%, 50%)
- CMYK
- cmyk(0%, 37%, 100%, 0%)
color-mix(in oklab, #ff0000 50%, #ffff00) Red 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:
#ffb967 Tint #ffd19e 50/50 mix #ffa000 Shade #633b00 Darker #ae6b00 Paint vs. screen: why the medium matters
Red and yellow sit next to each other on the color wheel, so they blend into a clean, vivid orange with none of the muddiness you get from mixing opposites — one of the most predictable mixes in both paint and light.
About these two colors
Red #ff0000 — A primary of both light and paint — the color of blood, stop signs, and urgency.
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 #ffa000 to RGB, HSL or CMYK.
Related mixes
See all color mixes for the full directory.
Frequently asked questions
Does red and yellow make orange?
Yes — equal parts give orange, around #ffa000. The exact shade depends on your ratio: red-heavy mixes lean toward #ff6a00 and yellow-heavy mixes toward #ffd100.
What is the HEX code for red and yellow mixed?
A 50/50 perceptual mix is #ffa000 (Orange). If you need it in CSS, the mixer above generates a ready-to-paste color-mix() snippet: color-mix(in oklab, #ff0000 50%, #ffff00).
What does red and yellow make in paint vs. on a screen?
Red and yellow sit next to each other on the color wheel, so they blend into a clean, vivid orange with none of the muddiness you get from mixing opposites — one of the most predictable mixes in both paint and light.
How do I make the orange mix lighter or darker?
Mix the result with white to tint it — 50% white gives about #ffd19e — or with black to shade it, where 50% black gives about #633b00. The strip above shows the full run from lighter to darker.