Blue and yellow make green in paint. More yellow gives a lighter, warmer green; more blue gives a deeper, cooler one.
In light, green is one of the three lamps: the green lamp of a screen makes it on its own.
CSS has two very different greens: green is a mid-dark green, and lime is the full green lamp of a screen. This page aims at green.
In paint
In our paint model, yellow with cyan gives a brighter green than yellow with our darker blue.
Closest two-paint mixes
- += 40% Yellow + 60% Blue #47874B · ΔE 9.8 from green
- += 55% Orange + 45% Cyan #52943C · ΔE 10.2 from green
- += 50% Blue + 50% Orange #5D7639 · ΔE 11.7 from green
- += 35% Yellow + 65% Cyan #0AAF5C · ΔE 17.5 from green
- += 35% Yellow + 65% Black #6C6E37 · ΔE 17.5 from green
Equal parts
- += Yellow + Blue #679F44 · ΔE 14.4 from green
- += Yellow + Cyan #40BF46 · ΔE 20.5 from green
ΔE is the CIEDE2000 color difference between the mix and green. Zero means the same color; the smaller the number, the closer the mix.
In light
A screen shows this green with only the green lamp on, well below full brightness.
The three lamps at these levels give #008100. Levels are the amount of light each lamp gives out, which is not the same scale as the 0–255 numbers in a color code; the method page shows the conversion.
Wheel pairings
A dark red sits opposite this green on the painter's wheel. Because the rule keeps lightness, a mid-dark green gets a mid-dark red.
| Rule | Painter's wheel | OKLCH wheel |
|---|---|---|
| Complementary +180° | #800000 2.13:1 | #963BA3 1.18:1 |
| Analogous -30° +30° | #408000 1.05:1#008080 1.08:1 | #6B6F00 1.05:1#007E61 1.02:1 |
| Triadic +120° +240° | #550080 2.41:1#804000 1.54:1 | #2C61CD 1.11:1#B92C36 1.18:1 |
| Split-complementary +150° +210° | #800055 1.99:1#802000 1.92:1 | #6F4DC3 1.16:1#AF2D72 1.19:1 |
Green mixed with each paint
Start from green (#008000) and add one of our ten stand-in paints. Shares are by amount, in our paint model.
| Add | 75% green + 25% | 50% green + 50% | 25% green + 75% |
|---|---|---|---|
| Red | #33610C | #493F15 | #713522 |
| Yellow | #138F03 | #4AB613 | #9BD321 |
| Blue | #007A08 | #00651B | #005135 |
| Orange | #188302 | #488B0E | #8E911F |
| Green | #048102 | #148311 | #26852B |
| Violet | #11760A | #26571C | #394030 |
| Magenta | #306214 | #444220 | #6B383A |
| Cyan | #008405 | #00911F | #009D53 |
| White | #139408 | #4AC430 | #99EB75 |
| Black | #0B7804 | #1C590F | #1C2E13 |
Named greens in CSS
| CSS name | Swatch | Code | ΔE from this page's green |
|---|---|---|---|
| green | #008000 | 0.0 | |
| forestgreen | #228B22 | 4.6 | |
| lime | #00FF00 | 34.5 |
Paint results come from a pigment model and our ten stand-in paints, not from real tubes, which vary by brand and pigment. Try any pair in the color mixer, or read how each swatch is worked out.