Color theory: complementary, analogous, triadic
Color wheel, complementary, analogous, triadic colors: the basic color schemes for building a harmonious palette.
The color wheel
The 12 basic hues arranged in a circle (red, orange, yellow, green, blue, violet and their in-betweens) — the basis of every classic color scheme.
Complementary colors
Two colors opposite each other on the wheel (e.g. blue and orange, red and green). Maximum contrast, very dynamic — effective in small doses as an accent, tiring if used in equal parts over large areas.
Analogous colors
Three neighbouring colors on the wheel (e.g. yellow, yellow-orange, orange). Harmonious and calm, with little contrast — work well for a background or a cohesive mood.
Triadic colors
Three evenly spaced colors on the wheel (e.g. red, yellow, blue). A vivid, balanced palette — more dynamic than analogous while staying harmonious if one color dominates and the other two serve as accents.
| Scheme | Number of colors | Effect |
|---|---|---|
| Complementary | 2 (opposite) | Strong contrast, dynamic |
| Analogous | 3 (neighbouring) | Harmonious, calm |
| Triadic | 3 (evenly spaced) | Vivid, balanced |
| Monochromatic | 1 hue, several lightness levels | Cohesive, safe |
The 60-30-10 rule helps balance a palette: 60% a dominant color, 30% a secondary color, 10% an accent color.
Warm and cool colors
| Type | Hues | Perceived psychological effect |
|---|---|---|
| Warm | Red, orange, yellow | Energy, urgency, warmth, closeness |
| Cool | Blue, green, violet | Calm, trust, distance, freshness |
A palette that mixes a cool dominant with a warm accent (or vice versa) naturally creates a focal point, the eye drawn to the contrast in perceived temperature as much as the contrast in hue.
Split-complementary colors
A softer variant of the complementary scheme: instead of using the exact opposite color, you use the two colors neighbouring that opposite. Keeps strong contrast while feeling less visually aggressive than a strict complementary pair.
Cultural associations worth keeping in mind
A color's meaning isn't universal: white signals mourning in some Asian cultures and purity/weddings in the West; red means luck in China but danger or urgency elsewhere. For an international project, check local connotations before locking in a palette.
Thanks for the feedback!