Color Harmony: Complementary, Analogous, Triadic and Beyond
The classic wheel relationships, what each is actually good for, and how to pick between them for real projects.
4 min read · updated 2026
The relationships
All harmony schemes are built by rotating hue on the color wheel:
- Complementary — two hues 180° apart. Maximum hue contrast; use one as dominant and the other strictly as an accent.
- Analogous — neighbors within ~30°. Harmonious and calm; ideal for backgrounds and long-form UI.
- Triadic — three hues 120° apart. Vibrant but stable; let one hue dominate and desaturate the other two slightly.
- Split-complementary — a hue plus the two neighbors of its complement (150°/210°). The contrast of complementary with less tension — the safest "bold" choice.
- Tetradic / square — two complementary pairs 90° apart. The richest scheme; keep one pair dominant or it turns to noise.
The part the wheel does not tell you
Hue rotation ignores lightness and saturation — the two variables that actually decide whether a palette works. A complementary pair only reads as designed when the two hues differ in lightness (ΔL* ≥ 25 in LAB terms) or one is desaturated. Two saturated complements at the same lightness vibrate uncomfortably.
That is why Tintiva's combination engine scores pairs on hue harmony AND contrast ratio AND lightness spread AND saturation compatibility — and shows the numbers so you can verify.