What Color Does Orange and Blue Make?
Orange and blue mixed make brown. A 50/50 mix gives #7B5E3A.
Color 1
#FFA500
Color 2
#0000FF
Mixed Result
HEX: #AD72A0
RGB: 173, 114, 160
Closest name: Gray
Orange + Blue = Gray
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Orange + Blue = Brown (#7B5E3A)
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 (a red-yellow secondary) and blue are complements; combining them neutralizes chroma into browns and taupes. This is why “orange + blue” rarely yields a clean purple or green on canvas—pigment chemistry pulls toward umber. Digital RGB averaging between #FFA500 and #0000FF produces a warm brown near #7B5E3A at balance. Use the ratio table to brief “rust”, “caramel”, or “drab” before tuning opacity in the mixer.
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% blue | Burnt sienna | #9A7040 | ||
| 60% orange + 40% blue | Copper brown | #8F6538 | ||
| 50% orange + 50% blue | True brown | #7B5E3A | ||
| 40% orange + 60% blue | Cool umber | #6B5230 | ||
| 20% orange + 80% blue | Deep taupe | #5A4628 |
Using this combination in UI and brand design
Warm browns suit heritage logos, coffee brands, and rustic UI chrome. Keep saturated orange or blue for single primary CTAs rather than stacking both beside brown fills. Extend brown ramps in the palette generator and run contrast checks on white and cream text before shipping.
Build harmonious ramps and harmonies from any swatch above in the palette generator, then validate text, links, and buttons with the contrast checker.