What color does orange and red make?

Equal parts orange and red produce vermilion (a coral orange) (#ff6e00 (Coral)). 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.

Orange + Red = vermilion (a coral orange) #ff6e00
#ff6e00
HEX
#ff6e00
RGB
rgb(255, 110, 0)
HSL
hsl(26, 100%, 50%)
CMYK
cmyk(0%, 57%, 100%, 0%)
color-mix(in oklab, #ffa500 50%, #ff0000)

Orange to Red: 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.

Orange Red Result HEX Copy
75% 25% Dark Orange #ff8b00
50% 50% Coral #ff6e00
25% 75% Orange Red #ff4b00

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 #ff9660 Tint #ffbb98 50/50 mix #ff6e00 Shade #632600 Darker #ae4900

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.

Red #ff0000 — A primary of both light and paint — the color of blood, stop signs, and urgency.

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

Related mixes

See all color mixes for the full directory.

Frequently asked questions

Does orange and red make vermilion?

Yes — equal parts give vermilion (a coral orange), around #ff6e00. The exact shade depends on your ratio: orange-heavy mixes lean toward #ff8b00 and red-heavy mixes toward #ff4b00.

What is the HEX code for orange and red mixed?

A 50/50 perceptual mix is #ff6e00 (Coral). If you need it in CSS, the mixer above generates a ready-to-paste color-mix() snippet: color-mix(in oklab, #ffa500 50%, #ff0000).

What does orange and red 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 vermilion mix lighter or darker?

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