On this page
The color wheel is just hue, split into 360 degrees
Every color harmony rule is really a statement about angles on the hue wheel (0–360°), independent of saturation and lightness. Once you see harmonies as angle relationships, the whole system stops feeling like arbitrary named rules and starts feeling like simple arithmetic.
Complementary — 180° apart
Two hues directly opposite each other on the wheel. This is the highest-contrast pairing possible at a given saturation and lightness, which is exactly why it's used for things that need to visually separate — a call-to-action button against a brand background, for instance. The tradeoff is tension: complementary pairs can feel loud or jarring if both colors are used at full saturation in large areas.
Analogous — hues next to each other
Three (or more) hues sitting close together, typically 30° apart. Because they're neighbors on the wheel, analogous palettes read as harmonious and low-contrast — common in nature photography and calm, cohesive brand palettes. The risk is the opposite of complementary: analogous schemes can lack enough contrast to establish clear visual hierarchy without varying lightness or saturation too.
Triadic — three hues, 120° apart
Evenly spaced around the wheel, triadic schemes are vibrant without being as confrontational as a pure complementary pair, because no single color is "opposing" another as directly. It's a common choice when a design needs three roles (primary, secondary, accent) that all feel intentional rather than arbitrary.
Split-complementary — a softer complementary
Instead of the exact complement, split-complementary pairs a base hue with the two hues adjacent to its complement (typically ±30°). It keeps most of the contrast a true complementary pair offers while reducing the tension, since neither of the two secondary hues is a full opposite.
Tetradic and square — two complementary pairs
Tetradic schemes use two complementary pairs at a chosen offset (commonly 60°), forming a rectangle on the wheel. Square schemes are the special case where that offset is exactly 90°, spacing all four hues evenly. Both give a wider color range than triadic, but are harder to balance well — usually one hue needs to dominate and the other three play supporting roles, rather than treating all four as equals.
Monochromatic — no hue change at all
Not a wheel-angle rule at all: a single hue, varied only in lightness and/or saturation (shades, tints, and tones). It's the safest scheme for guaranteed cohesion, at the cost of needing lightness/contrast to do all the work of establishing hierarchy.