What Color Does Blue and Yellow Make? Green — Hex Codes & Mixing Guide
Blue and yellow make green when mixed. A 50/50 mix of blue (#0000FF) and yellow (#FFFF00) produces green (#008000).
Blue and Yellow Mix Ratios — Hex Code Table
| Swatch | Mix ratio | Color | Hex |
|---|---|---|---|
| 90% blue + 10% yellow | Deep Blue-Green | #003300 | |
| 80% blue + 20% yellow | Teal Green | #004D00 | |
| 70% blue + 30% yellow | Forest Mix | #006600 | |
| 50% blue + 50% yellow | True Green | #008000 | |
| 30% blue + 70% yellow | Spring Green | #33AA33 | |
| 20% blue + 80% yellow | Chartreuse | #66CC00 | |
| 10% blue + 90% yellow | Lime Yellow | #99CC00 |
What Shade of Green Does Blue and Yellow Make?
The blue yellow color result spans deep forest mixes to bright chartreuse. Extra blue keeps greens cooler and darker—ideal for data viz and sustainability brands. Extra yellow pushes toward spring green and lime, which work for highlights and success states. On screens, literal RGB averaging can look gray-green; the hex table uses designer-friendly steps centered on #008000 so teams can discuss true green without debating muddy midpoints. Try our color mixer to preview your exact ratio.
Blue and Yellow Color Combinations
Four palettes that combine blue, yellow, and the greens between them.
Eco clarity
Deep green #006600 structure, sky blue #0EA5E9 links, yellow #FFFF00 highlights on white.
Spring dashboard
True green #008000 success tags, chartreuse #66CC00 charts, slate #334155 text.
Coastal field
Teal green #004D00 headers, lime #99CC00 accents, cream #F5F5DC backgrounds.
Playful learning
Blue #0000FF primary buttons, spring #33AA33 cards, golden yellow #FFD700 badges.
Using Blue and Yellow in Design
Blue-and-yellow systems suggest reliability and growth—common for fintech, health, and outdoor brands. Use deep blue-greens for navigation chrome and yellow-greens sparingly for positive feedback.
Avoid placing saturated yellow body text on blue backgrounds without contrast testing. Build token ramps in the palette generator, then validate WCAG pairs before handoff to development.
FAQ
What color does blue and yellow make?
Blue and yellow make green when mixed. A 50/50 blend of pure blue (#0000FF) and pure yellow (#FFFF00) is represented as true green #008000 in the table above. More blue yields deep teal-greens; more yellow shifts toward chartreuse and lime.
What is the hex code for blue and yellow mixed?
Use #008000 for a balanced green reference. For cooler mixes try #004D00 or #006600; for brighter mixes try #33AA33 or #66CC00. Each row in the hex table maps a ratio to a copy-ready value.
Do blue and yellow go together in design?
Yes—blue and yellow (and the greens between them) communicate clarity, growth, and trust. Common in eco brands, education, and dashboards. Balance saturation: one dominant green or blue per screen keeps interfaces calm.
What happens when you mix blue and yellow paint?
In RYB paint theory, blue and yellow are primaries; mixing them subtracts red wavelengths and you perceive green. Temperature depends on pigment—phthalo blue skews teal, cadmium yellow skews warm lime. Digital hex values are references; proof paint on your substrate for packaging.
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.