Color Mixing Guide: How to Mix Any Color

Not sure where to start in the Color Match game? This guide explains which colors are primary, what they mix into, and a simple method to match the color of any target with just five paints. Every swatch and hex code below is calculated with the same color mixing code the game uses, so the recipes work exactly as shown.

Primary Colors: RGB Is for Light, RYB Is for Paint

Most people learn that the primary colors are red, green and blue (RGB). That is true for light: every pixel on your phone or monitor is made of tiny red, green and blue lights. Light mixing is additive, so the more light you add, the brighter it gets. Red + green light = yellow, and all three together = white.

Paint works the other way round. Pigments absorb light, so mixing is subtractive: every paint you add removes more light and the mix gets darker and duller. Painters use red, yellow and blue (RYB) as primaries, and printers use the closely related cyan, magenta and yellow (CMY). Mix all three paint primaries and you get a dark brown, not white.

RGB (light, screens)

  • Primaries: red, green, blue
  • Red + green = yellow
  • All three = white
  • Used by hex codes like #FF8000

RYB (paint) - used in Color Match

  • Primaries: red, yellow, blue (+ white and black)
  • Yellow + blue = green
  • All three = dark brown
  • White lightens, black darkens

The Toon Tone Color Match game mixes like paint. You get five paints and add them drop by drop. That is why RGB intuition can mislead you: on a screen you would make yellow from red and green, but in Color Match there is no green tube. Yellow comes straight from Sun Yellow, and green is something you make from yellow and blue.

Cherry Red
Key 1 · Primary color
Sun Yellow
Key 2 · Primary color
Ocean Blue
Key 3 · Primary color
Snow White
Key 4 · Lightens any mix (tint)
Ink Black
Key 5 · Darkens any mix (shade) - very strong

Secondary and Tertiary Colors

Mix two primaries in equal parts to get a secondary color: orange, green and purple. Mix them 2:1 to get a tertiary color that leans toward the stronger side. These twelve colors are the backbone of every color you will mix, and the Warm-up levels of Color Match use only these two-paint mixes.

Swatch Color Type Drops Hex
Red Primary 1 Red #FF0000
Yellow Primary 1 Yellow #FFFF00
Blue Primary 1 Blue #2A5F99
Orange Secondary 1 Red + 1 Yellow #FF8000
Green Secondary 1 Yellow + 1 Blue #00A833
Purple (violet) Secondary 1 Red + 1 Blue #800080
Red-orange Tertiary 2 Red + 1 Yellow #FF4000
Yellow-orange (amber) Tertiary 1 Red + 2 Yellow #FFBF00
Yellow-green Tertiary 2 Yellow + 1 Blue #80D41A
Blue-green Tertiary 1 Yellow + 2 Blue #158466
Blue-purple Tertiary 1 Red + 2 Blue #55308C
Red-purple Tertiary 2 Red + 1 Blue #BF0040

Tints, Shades and Muted Tones

Once you have the right hue, three moves change how it looks without changing its color family.

Tints: add white

White makes a color lighter and softer. Red becomes salmon, then pink, then pale pink.

1 Red
1 Red + 1 White
1 Red + 2 White
1 Red + 3 White

Shades: add black

Black makes a color darker. It is strong, so add a single drop and compare before adding more.

3 Red
3 Red + 1 Black
2 Red + 1 Black
1 Red + 1 Black

Muted tones: add a little of the complement

Complementary colors sit opposite each other on the color wheel: red and green, yellow and purple, blue and orange. A small amount of the complement dulls a color and pushes it toward brown. Here, blue turns orange into burnt orange, brown and then dark brown.

1 Red + 1 Yellow
3 Red + 3 Yellow + 1 Blue
2 Red + 2 Yellow + 1 Blue
3 Red + 3 Yellow + 2 Blue

How to Match Any Color, Step by Step

Use this method on every level of the match the color game. It turns guessing into a short checklist.

  1. 1

    Name the hue family

    Ignore how light or dark the target is and ask which color-wheel family it belongs to: red, orange, yellow, green, blue or purple. Brown is a dark, muted orange; pink is a light red; navy is a dark blue.

  2. 2

    Pick the two nearest primaries

    Every hue sits between two of the three paint primaries. Orange and brown live between red and yellow, greens between yellow and blue, purples and pinks between red and blue.

  3. 3

    Set the ratio

    Start 1:1, then move to 2:1 or 3:1 toward the primary the target leans to. Only the ratio matters: 2 yellow + 1 blue is the same color as 4 yellow + 2 blue.

  4. 4

    Fix lightness with white or black

    Too dark? Add Snow White one drop at a time. Too bright or light? Add a single drop of Ink Black, which is much stronger than white.

  5. 5

    Mute it with the complement

    If your mix is the right hue but too vivid, add one drop of the opposite color: blue for oranges and browns, red for greens, yellow for purples. This pulls the color toward brown or gray.

  6. 6

    Check, then fine-tune

    Press Check match. Below 90%? Use Undo to step back one drop instead of starting over, and change one paint at a time so you can see what each drop does.

Think in ratios, not totals

Color Match only cares about the ratio between paints. 2 Yellow + 1 Blue and 4 Yellow + 2 Blue score 100% against each other, because they are the same color. Small ratio changes matter a lot, though: 1:1 red and yellow is orange (#FF8000), while 2:1 is red-orange (#FF4000). They only match each other at 72%, well under the 90% you need to pass.

1:1 1 Red + 1 Yellow
2:1 2 Red + 1 Yellow

Black is strong: one drop at a time

One drop of black in 5 drops of green already gives a deep green, and one drop in 3 gives forest green. Add black last, a single drop at a time, and hit Undo if you overshoot. You can also dilute an over-dark mix by adding more of the colored paints instead.

1 Yellow + 1 Blue
2 Yellow + 2 Blue + 1 Black
1 Yellow + 1 Blue + 1 Black

Tips for each difficulty level

Warm-up (levels 1-3)

Targets use exactly two of the three primaries and no white or black, with up to 3 drops. Think 1:1 or 2:1: it is always a secondary or tertiary color from the chart above.

Easy (levels 4-8)

Snow White joins the mix. If the target looks pastel, first find the hue with two primaries, then add white until the lightness matches.

Medium (levels 9-15)

Up to three paints, and Ink Black appears. Dull, earthy or dark targets usually hide a single drop of black or a third primary. Try one drop, check, and undo if it was wrong.

Hard (levels 16+)

Three or four paints per target and more drops. Work in order: hue ratio first, then white or black for lightness, then a complement drop for dullness.

Still stuck? The hint button shows which paints the target uses (your best score drops to 2 stars), and Undo removes just the last drop.

Ready to mix colors? Put the method to work.

Play the Color Match game

Color Mixing Recipes for Common Colors

Drop recipes for popular colors using only Cherry Red, Sun Yellow, Ocean Blue, Snow White and Ink Black. The keys column is the keyboard shortcut sequence in Color Match (1 Red, 2 Yellow, 3 Blue, 4 White, 5 Black). Game targets are random, so use these as starting points and fine-tune the ratio.

Reds & pinks

#FFAAAA
Pink
1 Red + 2 White
Red tinted with white. Keys: 144
#FF8080
Salmon
1 Red + 1 White
Less white than pink. Keys: 14
#D9668C
Rose pink
2 Red + 1 Blue + 2 White
A touch of blue cools the pink. Keys: 11344
#FF8C66
Coral
2 Red + 1 Yellow + 2 White
Red-orange plus white. Keys: 11244
#AC2620
Brick red
2 Red + 1 Yellow + 1 Blue
Red muted by a little green (yellow + blue). Keys: 1123
#800000
Maroon
1 Red + 1 Black
Equal red and black. Keys: 15
#730026
Burgundy
2 Red + 1 Blue + 2 Black
Red-purple, then deepen with black. Keys: 11355

Oranges & browns

#FFCC99
Peach
1 Red + 1 Yellow + 3 White
Orange with plenty of white. Keys: 12444
#BB5D00
Burnt orange
3 Red + 3 Yellow + 1 Blue
Orange with one drop of its complement. Keys: 1112223
#994C00
Brown
2 Red + 2 Yellow + 1 Blue
Orange + blue: the classic brown. Keys: 11223
#331800
Dark chocolate
1 Red + 1 Yellow + 1 Blue
All three primaries in equal parts. Keys: 123
#C69B71
Tan
2 Red + 2 Yellow + 1 Blue + 4 White
Brown lightened with white. Keys: 112234444
#D1AE8B
Beige
2 Red + 2 Yellow + 1 Blue + 6 White
Even more white than tan. Keys: 11223444444

Yellows & greens

#BF8F00
Mustard
1 Red + 2 Yellow + 1 Black
Amber darkened with black. Keys: 1225
#FFFFBF
Cream
1 Yellow + 3 White
A little yellow in a lot of white. Keys: 2444
#808000
Olive
1 Yellow + 1 Black
Yellow + black turns green-brown. Keys: 25
#AAE211
Lime
3 Yellow + 1 Blue
Mostly yellow, a little blue. Keys: 2223
#99DCAD
Mint
1 Yellow + 1 Blue + 3 White
Green tinted with white. Keys: 23444
#709C70
Sage
1 Red + 2 Yellow + 2 Blue + 3 White
Green muted with red, then lightened. Keys: 12233444
#007022
Forest green
1 Yellow + 1 Blue + 1 Black
Green deepened with black. Keys: 235

Blues & purples

#1C7877
Teal
1 Yellow + 3 Blue
Mostly blue with a little yellow. Keys: 2333
#94AFCC
Dusty blue
1 Blue + 1 White
Blue tinted with white. Keys: 34
#637588
Slate gray
1 Blue + 1 White + 1 Black
Blue grayed with white and black. Keys: 345
#1C3F66
Navy
2 Blue + 1 Black
Blue deepened with black. Keys: 335
#3F2469
Indigo
1 Red + 2 Blue + 1 Black
Blue-purple deepened with black. Keys: 1335
#AA97C6
Lavender
1 Red + 2 Blue + 3 White
Blue-purple tinted with white. Keys: 133444
#AA55AA
Orchid
1 Red + 1 Blue + 1 White
Purple with one drop of white. Keys: 134
#550055
Plum
1 Red + 1 Blue + 1 Black
Purple deepened with black. Keys: 135

Neutrals

#AAAAAA
Gray
2 White + 1 Black
White and black only. Keys: 445

From Paint Mix to RGB and Hex Codes

If you think in RGB or hex, here is how the two worlds connect. Color Match mixes the paints in RYB, then converts the result to an RGB color for your screen. So each recipe has an exact hex code, but you cannot reach it by adding red, green and blue light. A few things to notice:

  • Paint red and paint yellow are close to screen red #FF0000 and yellow #FFFF00, but paint blue is a deeper ocean blue (#2A5F99), not #0000FF.
  • Green (#00A833) has almost no red channel: the yellow and blue pigments together cancel red light.
  • White moves every RGB channel up toward 255 in equal steps; black moves every channel down toward 0. That is why tints keep their hue.
  • To reach a hex code you have in mind, convert it to a hue family first (is it an orange, a blue?), then follow the method above.
Color Paint recipe Hex RGB
Red 1 Red #FF0000 rgb(255, 0, 0)
Yellow 1 Yellow #FFFF00 rgb(255, 255, 0)
Blue 1 Blue #2A5F99 rgb(42, 95, 153)
Orange 1 Red + 1 Yellow #FF8000 rgb(255, 128, 0)
Green 1 Yellow + 1 Blue #00A833 rgb(0, 168, 51)
Purple (violet) 1 Red + 1 Blue #800080 rgb(128, 0, 128)
Pink 1 Red + 2 White #FFAAAA rgb(255, 170, 170)
Salmon 1 Red + 1 White #FF8080 rgb(255, 128, 128)
Rose pink 2 Red + 1 Blue + 2 White #D9668C rgb(217, 102, 140)
Coral 2 Red + 1 Yellow + 2 White #FF8C66 rgb(255, 140, 102)
Brick red 2 Red + 1 Yellow + 1 Blue #AC2620 rgb(172, 38, 32)
Maroon 1 Red + 1 Black #800000 rgb(128, 0, 0)
Burgundy 2 Red + 1 Blue + 2 Black #730026 rgb(115, 0, 38)
Peach 1 Red + 1 Yellow + 3 White #FFCC99 rgb(255, 204, 153)
Burnt orange 3 Red + 3 Yellow + 1 Blue #BB5D00 rgb(187, 93, 0)
Brown 2 Red + 2 Yellow + 1 Blue #994C00 rgb(153, 76, 0)
Dark chocolate 1 Red + 1 Yellow + 1 Blue #331800 rgb(51, 24, 0)
Tan 2 Red + 2 Yellow + 1 Blue + 4 White #C69B71 rgb(198, 155, 113)
Beige 2 Red + 2 Yellow + 1 Blue + 6 White #D1AE8B rgb(209, 174, 139)
Mustard 1 Red + 2 Yellow + 1 Black #BF8F00 rgb(191, 143, 0)
Cream 1 Yellow + 3 White #FFFFBF rgb(255, 255, 191)
Olive 1 Yellow + 1 Black #808000 rgb(128, 128, 0)
Lime 3 Yellow + 1 Blue #AAE211 rgb(170, 226, 17)
Mint 1 Yellow + 1 Blue + 3 White #99DCAD rgb(153, 220, 173)
Sage 1 Red + 2 Yellow + 2 Blue + 3 White #709C70 rgb(112, 156, 112)
Forest green 1 Yellow + 1 Blue + 1 Black #007022 rgb(0, 112, 34)
Teal 1 Yellow + 3 Blue #1C7877 rgb(28, 120, 119)
Dusty blue 1 Blue + 1 White #94AFCC rgb(148, 175, 204)
Slate gray 1 Blue + 1 White + 1 Black #637588 rgb(99, 117, 136)
Navy 2 Blue + 1 Black #1C3F66 rgb(28, 63, 102)
Indigo 1 Red + 2 Blue + 1 Black #3F2469 rgb(63, 36, 105)
Lavender 1 Red + 2 Blue + 3 White #AA97C6 rgb(170, 151, 198)
Orchid 1 Red + 1 Blue + 1 White #AA55AA rgb(170, 85, 170)
Plum 1 Red + 1 Blue + 1 Black #550055 rgb(85, 0, 85)
Gray 2 White + 1 Black #AAAAAA rgb(170, 170, 170)

Prefer working with hue, saturation and brightness directly? The original Toon Tone color guessing game lets you rebuild cartoon character colors with HSB sliders, a different way to train the same color eye. The HSB & RGB color guide explains screen colors, hex codes and the hue wheel.

Color Mixing FAQ

What are the three primary colors?

It depends on what you are mixing. For light (screens, monitors) the primaries are red, green and blue (RGB). For paint the traditional primaries are red, yellow and blue (RYB); printers use cyan, magenta and yellow (CMY). The Toon Tone Color Match game uses paint-style red, yellow and blue, plus white and black.

Does the Color Match game mix colors in RGB?

No. Color Match mixes like real paint: red, yellow and blue pigments in RYB space, then white to lighten and black to darken. The result is shown on screen as an RGB hex color, but the mixing rules are paint rules, so yellow + blue makes green.

Why do red and green make yellow on a screen but brown in paint?

Light is additive: red light plus green light adds energy and your eye sees yellow. Paint is subtractive: each pigment absorbs some light, so mixing red and green paint absorbs almost everything and leaves a dull brown. In Color Match you get yellow straight from the Sun Yellow paint.

How do you make brown?

Mix orange (red + yellow) and add a little of its complement, blue. In Color Match, 2 Red + 2 Yellow + 1 Blue gives a warm brown, and 1 Red + 1 Yellow + 1 Blue gives a very dark chocolate brown. Add white for tan and beige.

How do you make pink?

Pink is red lightened with white. 1 Red + 2 White makes a soft pink, 1 Red + 1 White a salmon, and adding a single drop of blue (2 Red + 1 Blue + 2 White) gives a cooler rose pink.

How many drops can I use in Color Match?

Up to 16 drops per mix. Since only the ratio between paints matters, you rarely need more than 8. Use more drops only when you need a finer ratio such as 3:2.

What accuracy do I need to pass a level?

90% clears a level, 95% earns 2 stars and 98% earns 3 stars. Accuracy is measured in a perceptual color space, so it reflects how different the two colors look to your eye.

Play the Toon Tone Color Games

Mix paint to match the color in Color Match, or test your color memory in the Toon Tone color guessing game. Both are free and run in your browser.