What color does orange and yellow make?
Equal parts orange and yellow produce gold (#ffd200 (Gold)). 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.
#ffd200 - HEX
- #ffd200
- RGB
- rgb(255, 210, 0)
- HSL
- hsl(49, 100%, 50%)
- CMYK
- cmyk(0%, 18%, 100%, 0%)
color-mix(in oklab, #ffa500 50%, #ffff00) Orange 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:
#ffde70 Tint #ffeaa5 50/50 mix #ffd200 Shade #635000 Darker #ae8e00 Paint vs. screen: why the medium matters
On a screen, colors blend by adding light; with paint, pigments subtract light and the result is usually darker and duller. This page's values are the perceptual blend of the two colors — the closest digital equivalent to what mixed paint looks like.
About these two colors
Orange #ffa500 — Red and yellow combined — the color of sunsets, citrus, and warning cones.
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 #ffd200 to RGB, HSL or CMYK.
Related mixes
See all color mixes for the full directory.
Frequently asked questions
Does orange and yellow make gold?
Yes — equal parts give gold, around #ffd200. The exact shade depends on your ratio: orange-heavy mixes lean toward #ffbc00 and yellow-heavy mixes toward #ffe900.
What is the HEX code for orange and yellow mixed?
A 50/50 perceptual mix is #ffd200 (Gold). If you need it in CSS, the mixer above generates a ready-to-paste color-mix() snippet: color-mix(in oklab, #ffa500 50%, #ffff00).
What does orange and yellow make in paint vs. on a screen?
On a screen, colors blend by adding light; with paint, pigments subtract light and the result is usually darker and duller. This page's values are the perceptual blend of the two colors — the closest digital equivalent to what mixed paint looks like.
How do I make the gold mix lighter or darker?
Mix the result with white to tint it — 50% white gives about #ffeaa5 — or with black to shade it, where 50% black gives about #635000. The strip above shows the full run from lighter to darker.