What Color Does Red and Yellow Make? Orange — Hex Codes & Mixing Guide
Red and yellow make orange when mixed together. A 50/50 mix of red (#FF0000) and yellow (#FFFF00) produces orange (#FF8000). The more red you add the darker the orange — the more yellow you add the brighter and more golden it becomes.
Red and Yellow Mix Ratios — Hex Code Table
| Swatch | Mix ratio | Color | Hex |
|---|---|---|---|
| 90% red + 10% yellow | Deep Red-Orange | #FF1A00 | |
| 80% red + 20% yellow | Red Orange | #FF3300 | |
| 70% red + 30% yellow | Burnt Orange | #FF5500 | |
| 50% red + 50% yellow | True Orange | #FF8000 | |
| 30% red + 70% yellow | Golden Orange | #FFAA00 | |
| 20% red + 80% yellow | Amber | #FFC000 | |
| 10% red + 90% yellow | Golden Yellow | #FFD700 |
What Shade of Orange Does Red and Yellow Make?
The red yellow color you see depends entirely on how much of each primary you use. Heavy red keeps mixes in the burnt-orange and red-orange family—great for autumn campaigns and bold alerts. More yellow pulls the mix toward golden orange, amber, and near-gold (#FFD700), which reads cheerful on packaging and app highlights. If you searched what does red and yellow make or red and yellow make what color, the short answer is always the orange family—but the exact hex shifts with every ratio. Use the table to name steps for your design system, then fine-tune in our color mixer.
Red and Yellow Color Combinations
Four palette ideas that keep red, yellow, and orange working together without visual noise.
Sunset burst
Hero gradient from #FF0000 through #FF8000 to #FFD700 on dark charcoal (#1F2937) text areas.
Fast food warmth
Burnt orange #FF5500 buttons, golden #FFC000 badges, cream #FFFBEB backgrounds.
Sport energy
Red #FF0000 jerseys, amber #FFC000 accents, white #FFFFFF fields and typography.
Editorial citrus
True orange #FF8000 headlines, soft gold #FFD700 dividers, off-white #FAFAF9 body.
Using Red and Yellow in Design
Mixing red and yellow signals energy, appetite, and optimism—why the pair dominates food delivery, athletics, and children's products. Limit saturated orange to one focal element per viewport so CTAs do not compete with navigation.
Pair warm mixes with neutral charcoal or warm white for long-form reading. After choosing hero oranges, extend tints in the palette generator and run every text pair through an accessibility contrast checker.
FAQ
What color does red and yellow make?
Red and yellow make orange when mixed together. A balanced 50/50 blend of pure red (#FF0000) and pure yellow (#FFFF00) produces true orange at #FF8000. Shifting the ratio toward red yields burnt and red-orange tones; shifting toward yellow yields amber and golden yellow.
What is the hex code for red and yellow mixed?
The classic even mix is #FF8000 (true orange). Use #FF5500 for more red, #FFAA00 for more yellow, or #FFD700 when yellow dominates. The table above lists seven copy-ready hex codes for common red-to-yellow ratios.
Do red and yellow go together in design?
Yes—red and yellow (and the oranges between them) are a proven warm triad for food, sport, and youth brands. Keep one hue dominant per layout, use charcoal or white for body text, and check contrast before shipping CTAs.
What happens when you mix red and yellow paint?
In subtractive RYB paint mixing, red and yellow are both primaries; combining them removes cool reflectance and you see orange. Pigment opacity and undertone shift the exact shade, so digital hex tables are starting points—proof physical swatches when print color must match.
Try it with our free tools
Simulate mixes in the browser, then build a full palette for your project.
Validate text on your new palette with our WCAG contrast checker.