What Color Does Orange and Red Make?
Orange and red mixed make red-orange. A 50/50 mix gives #FF4500.
Color 1
#FFA500
Color 2
#FF0000
Mixed Result
HEX: #FF6E00
RGB: 255, 110, 0
Closest name: Orange
Orange + Red = Orange
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Orange + Red = Red-orange (#FF4500)
Swatch shows the headline mix color—compare with the ratio table and adjust live in the simulator.
Why this mix looks the way it does
Orange already contains red; mixing orange (#FFA500) with more red (#FF0000) pushes hue toward red-orange and vermillion without introducing cool undertones. The web color orangered (#FF4500) is a useful 50/50 anchor for digital handoff. Because both parents are warm and high-chroma, results stay vivid—ideal for heat maps, sports branding, and sale badges. Pigment mixes may read slightly deeper than screen hexes; proof print when packaging depends on exact warmth.
Five mix ratios (hex previews)
Ratios describe how much of each primary contributes to the blend; hex values are reference stops for design tokens and mood boards.
| Mix | Name | Swatch | Hex | Copy |
|---|---|---|---|---|
| 80% orange + 20% red | Bright orange | #FF7700 | ||
| 60% orange + 40% red | Flame orange | #FF5E00 | ||
| 50% orange + 50% red | Red-orange | #FF4500 | ||
| 40% orange + 60% red | Vermillion | #E63D00 | ||
| 20% orange + 80% red | Scarlet orange | #CC3500 |
Using this combination in UI and brand design
Red-orange CTAs outperform pure red for “limited time” promos when contrast on white passes. Use one warm accent per view so orange-red does not compete with yellow highlights. Extend semantic warning colors in the palette generator and audit hover/focus states with the contrast checker.
Build harmonious ramps and harmonies from any swatch above in the palette generator, then validate text, links, and buttons with the contrast checker.