Color and DesignColor Theory

Triadic and Split-Complementary Schemes

A triad uses three hues evenly spaced around the wheel (red, yellow, blue). A split-complementary uses one hue and the two on either side of its complement.

Not started Jump to practice

A triadic scheme uses three hues evenly spaced around the wheel, like the points of an equilateral triangle. The three primaries (red, yellow, blue) form a triad; so do the three secondaries (orange, green, violet).

A triad: three hues, four steps apart on the 12-hue wheel.

A split-complementary scheme uses one hue plus the two hues on either side of its complement. It keeps much of the punch of complements with a little less clash.

Split-complementary on blue: blue with yellow-orange and red-orange, the two neighbors of orange.

Key idea

Triad: three hues four steps apart on the 12-hue wheel. Split-complementary: a hue plus the two neighbors of its complement.

Why it works

Even spacing gives a triad strong variety (three quite different hues) with a sense of order. Piet Mondrian's Composition with Red, Blue and Yellow (1930) uses the primary triad with white, black and gray.
Piet Mondrian, Composition with Red, Blue and Yellow, 1930.

Worked example: Find a split-complementary scheme

What is the split-complementary scheme for yellow?
  1. Yellow's complement is violet.
  2. The neighbors of violet are blue-violet and red-violet.
  3. Use yellow with those two.

Answer: Yellow, blue-violet and red-violet.

Common mistake

Picking any three colors and calling it a triad. Count the steps: on the 12-hue wheel each hue in a triad is four steps from the next (4 + 4 + 4 = 12). Red, orange and blue are not a triad: red to orange is only two steps.
The four triads of the 12-hue wheel.
TriadHues
Primaryred, yellow, blue
Secondaryorange, green, violet
Tertiaryred-orange, yellow-green, blue-violet
Tertiaryyellow-orange, blue-green, red-violet

Practice

Pass with 3 right answers, the last 2 in a row. Each right answer earns 2 XP.

Loading practice…

Builds on

Leads to

Sources and further reading

@teddyrookbook GitHub