What color does yellow and black make?

The short answer: yellow and black make olive. Blended 50/50 you land on #636300 (Dark Olive Green), with heavier ratios leaning back toward whichever color you push — try the sliders in the mixer above.

Yellow + Black = olive #636300
#636300
HEX
#636300
RGB
rgb(99, 99, 0)
HSL
hsl(60, 100%, 19%)
CMYK
cmyk(0%, 0%, 100%, 61%)
color-mix(in oklab, #ffff00 50%, #000000)

Yellow to Black: 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 Black Result HEX Copy
75% 25% Goldenrod #aeae00
50% 50% Dark Olive Green #636300
25% 75% Charcoal #222200

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 #87884f Tint #adaf88 50/50 mix #636300 Shade #212100 Darker #414100

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

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

Black #000000 — The absence of light on a screen; in paint, the darkest pigment that shades every mix.

Want to blend these with different colors entirely? Open the full color mixer, or convert #636300 to RGB, HSL or CMYK.

Related mixes

See all color mixes for the full directory.

Frequently asked questions

Does yellow and black make olive?

Yes — equal parts give olive, around #636300. The exact shade depends on your ratio: yellow-heavy mixes lean toward #aeae00 and black-heavy mixes toward #222200.

What is the HEX code for yellow and black mixed?

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

What does yellow and black 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 olive mix lighter or darker?

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