TintBrew
English

Home Color Guides Color Mixing Chart

Color Mixing Chart

Every color on this site against every other, in one grid. Find your two colors, read the cell — that swatch is the computed 50/50 blend with its HEX code, not a photograph. Linked cells open a full page for that pair.

Red Blue Yellow Green Orange Purple Pink Brown Black White Gold
Red ff0000 8c53a2 ffa000 a66900 ff6e00 bc1d5e ff4b70 d12220 630000 ffa191 ef691b
Blue 8c53a2 0000ff 6cabc7 006a9b 7d82b5 5424be 895ede 60469c 000063 74a3ff 697ab2
Yellow ffa000 6cabc7 ffff00 92bf00 ffd200 c1907a ffbb8a d8982d 636300 feffac edcb24
Green a66900 006a9b 92bf00 008000 9b9600 625859 9f806b 78601e 002e00 90c08c 878f19
Orange ff6e00 7d82b5 ffd200 9b9600 ffa500 bd636c ff8b7d d26a26 633d00 ffd49f eb9f20
Purple bc1d5e 5424be c1907a 625859 bd636c 800080 bd3d9b 91225b 2e002e c38cc0 ab5d6b
Pink ff4b70 895ede ffbb8a 9f806b ff8b7d bd3d9b ff69b4 d14b70 632444 ffb8d9 ec857e
Brown d12220 60469c d8982d 78601e d26a26 91225b d14b70 a52a2a 3d0a0a d99891 c0642e
Black 630000 000063 636300 002e00 633d00 2e002e 632444 3d0a0a 000000 636363 53380b
White ffa191 74a3ff feffac 90c08c ffd49f c38cc0 ffb8d9 d99891 636363 ffffff edcc9f
Gold ef691b 697ab2 edcb24 878f19 eb9f20 ab5d6b ec857e c0642e 53380b edcc9f d8982d

How to read the chart

Pick one color across the top and one down the side; the cell where they meet is their equal-parts blend, computed in Oklab — a perceptual space that mirrors how human vision weighs color, so mid-blends land where your eye expects them instead of where raw RGB math would put them. The diagonal is each color unmixed.

Each swatch is a five-stop ratio strip, not a single color. It runs from the row color at 75% (left) through the 50/50 blend (middle, the HEX printed under the cell) to the column color at 75% (right) — so one cell answers "what does more of one do?" without opening anything. Hover a cell for the full ratio readout.

Not every pair mixes the same way in paint and in light. Complementary pairs (red-green, blue-orange, yellow-purple) cancel toward brown and gray; neighbors (blue-green, yellow-orange) blend cleanly. For the pairs that behave differently on screens versus in paint, the linked pages carry the full explanation — the chart shows the paint-side answer, which is what most mixing questions mean.

Every cell lists its HEX code, so the chart doubles as a lookup: find the blend you want, copy the code, and use it anywhere. The color converter turns any of these codes into RGB, HSL and more.

Frequently asked questions

What is a color mixing chart?

A grid that shows the result of blending any two colors. Find one color across the top and the other down the side; the cell where they meet is the blend. This chart computes every blend in a perceptual color space, so each cell is the color your eye actually sees, with its HEX code.

How do I print this color mixing chart?

Use the Print button under the chart. The print layout keeps the full grid, the color names and the HEX codes on one letter page in landscape — it makes a good studio or classroom wall reference.

Why do my paint mixes look different from the chart?

Pigments subtract light and every brand leans slightly different, so a physical mix lands a step lighter or darker than the computed blend. Treat the chart as the direction and the ratio logic, not an exact paint recipe.

Which cells have their own pages?

Every linked cell opens a full page for that pair — ratio walks, tints and shades, and FAQs. The site also has head-word guides for brown, purple, green, orange, blue, red, black, maroon, peach and turquoise.

Keep going