What Color Does Red and Green Make?
Saturated red (#FF0000) plus green (#008000) is a complementary pair; blending them desaturates toward brown and olive rather than a bright secondary. Preview ratios below, then refine in the mixer.
Color 1
#FF0000
Color 2
#008000
Mixed Result
HEX: #AD6031
RGB: 173, 96, 49
Closest name: Brown
Red + Green = Brown
Want more mixes? Explore the full Color Mixing Simulator.
Quick answer
Red + Green = Brown/Olive (#4B3B00)
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
Complementary hues cancel chroma when mixed evenly, which is why painters reach for browns and neutrals when red and green pigments collide. Digital RGB averaging behaves similarly: you lose saturation and land in the olive-brown region unless one channel dominates. Always name the role (“mud”, “olive”, “umber”) so teams do not confuse this mix with a clean yellow or orange accent.
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% red + 20% green | Brick brown | #663300 | ||
| 60% red + 40% green | Rust olive | #594000 | ||
| 50% red + 50% green | Brown olive | #4B3B00 | ||
| 40% red + 60% green | Moss | #3D4200 | ||
| 20% red + 80% green | Deep olive | #264D00 |
Using this combination in UI and brand design
Use desaturated red–green blends for earth-tone UI, photography overlays, and rustic packaging—not for small red text on saturated green (contrast fails fast). Prefer one vivid complementary accent at a time. After choosing a brown anchor, derive neutrals in the palette generator and validate focus rings and links 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.