What color does yellow and brown make?

The short answer: yellow and brown make gold (a rich amber). Blended 50/50 you land on #d8982d (Goldenrod), with heavier ratios leaning back toward whichever color you push — try the sliders in the mixer above.

Yellow + Brown = gold (a rich amber) #d8982d
1
1

Ratio 1 : 1 · 50 / 50

#d8982d
HEX
#d8982d
RGB
rgb(216, 152, 45)
HSL
hsl(38, 69%, 51%)
CMYK
cmyk(0%, 30%, 79%, 15%)

Blend path between your colors

color-mix(in oklab, #ffff00 50%, #a52a2a)

Yellow to Brown: 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.

Yellow Brown Result HEX Copy
75% 25% Gold #edcb24
50% 50% Goldenrod #d8982d
25% 75% Chocolate #c0642e

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:

Lighter #e3b26d Tint #edcc9f 50/50 mix #d8982d Shade #53380b Darker #93661b

Paint vs. screen: why the medium matters

Gold the color is simply yellow deepened with brown — no shine required. In paint this is the classic "old gold" recipe; on a screen the blend reads as a warm amber because screens cannot render metallic luster, only the underlying hue.

About these two colors

Yellow #ffff00 — The lightest primary — in paint, the warm primary that makes oranges and greens.

Brown #a52a2a — A dark, desaturated orange — mix orange with black or its opposite, blue.

Want to blend these with different colors entirely? Open thefull color mixer, orconvert #d8982d.

Related mixes

Seeall color mixes for the full directory.

Frequently asked questions

Does yellow and brown make gold?

Yes — equal parts give gold (a rich amber), around #d8982d. The exact shade depends on your ratio: yellow-heavy mixes lean toward #edcb24 and brown-heavy mixes toward #c0642e.

What is the HEX code for yellow and brown mixed?

A 50/50 perceptual mix is #d8982d (Goldenrod). If you need it in CSS, the mixer above generates a ready-to-paste color-mix() snippet: color-mix(in oklab, #ffff00 50%, #a52a2a).

What does yellow and brown make in paint vs. on a screen?

Gold the color is simply yellow deepened with brown — no shine required. In paint this is the classic "old gold" recipe; on a screen the blend reads as a warm amber because screens cannot render metallic luster, only the underlying hue.

How do I make the gold mix lighter or darker?

Mix the result with white to tint it — 50% white gives about #edcc9f — or with black to shade it, where 50% black gives about #53380b. The strip above shows the full run from lighter to darker.