The color wheel you learned is the wrong one

Red, yellow and blue are not primaries. The wheel from school is a pigment model from 1704, and it is why your complementary schemes never quite work.

↑ Click any of these to repaint the entire site with it.

The wheel most people picture has red, yellow and blue as primaries, with orange, green and purple between them. It is on the wall of every art room. It is also a model of paint mixing from the early eighteenth century, and it does not describe light, screens, or human vision.

Three different wheels#

RYB — red, yellow, blue. A subtractive pigment model. It is not even a good pigment model; modern printing uses cyan, magenta and yellow because RYB cannot produce a decent range of greens or purples. Its only real claim is tradition.

RGB — red, green, blue. An additive light model, and the correct one for screens. The primaries are the three types of cone in the human eye, which is why it works: it is a model of the receiver, not the medium.

Perceptual wheels — OKLCH, LCH. Hue arranged so that equal angular steps look like equal changes, and lightness held independent.

The complementary of blue is orange in RYB and yellow in RGB. These are different colors and both are "correct" within their model. If you learned RYB and are designing for screens, you have been using the wrong one.

What this breaks#

Complementary schemes. Take an RYB complement and put it on a screen and the pair often sits oddly — not wrong exactly, but less balanced than the theory promised. You are applying a pigment relationship to emitted light.

"Complementary colors cancel to gray." True for pigment. On a screen, complementary colors in the additive sense sum to white, and mixing them in sRGB gives you the muddy midpoint that has its own article on this site.

Warm and cool. The RYB wheel splits neatly into a warm half and a cool half. The perceptual wheel does not split so cleanly — there is a large green region that reads as neither, and violet reads as cool despite sitting next to red.

Where the perceptual wheel differs#

The hue angles are genuinely different from what an HSL wheel would tell you:

ColorHSL hueOKLCH hue
Red29°
Yellow60°110°
Green120°142°
Cyan180°195°
Blue240°264°
Magenta300°328°

The spacing is uneven, and it should be — human hue discrimination is not uniform. We can distinguish far more distinct hues in the green–yellow region than in the blue region, so a perceptually even wheel allocates more angular space there.

This is why a "triad" at 120° intervals in HSL produces three colors that do not feel evenly spaced, and why the same triad in OKLCH does.

What still transfers#

The relationships are real even when the specific angles are not:

  • Adjacent hues are harmonious. Analogous schemes work in every model.
  • Opposite hues have maximum tension. Which pair is opposite depends on the model; that opposition creates tension does not.
  • Evenly spaced hues feel balanced and loud. Triads and squares behave the same way regardless of which wheel produced them.

So the intuitions from art class are not wasted. The specific numbers are.

The practical version#

Use a perceptual wheel. Rotate hue in OKLCH. Then ignore the result and look at it, because harmony rules are a starting point and not a specification — they produce a set of colors with a defined relationship, not a palette that is ready to use.

The step everyone skips is assigning hierarchy afterwards. A triad gives you three equally loud colors. A usable palette has one dominant, one supporting and one accent, which means two of those three need their chroma pulled back hard.