Color Harmony: Complementary, Analogous & Triadic

The color wheel arranges hues in a circle, from red through orange, yellow, green, blue, and violet, then back to red. Hue is simply a position on that circle, measured in degrees from 0 to 360. Red sits at roughly 0°, green near 120°, and blue near 240°.

Harmony schemes are recipes written in angles. Once you fix one starting hue, the scheme tells you how far around the wheel to step for each additional color. That is why the same scheme produces an endless variety of palettes — the relationship stays constant while the starting point changes.

Complementary uses two hues directly opposite each other, 180° apart — like blue and orange. The contrast is maximal, which makes complementary pairs vivid and high-energy, great for calls to action but harsh if both colors are used at full strength across large areas.

Analogous uses hues that sit next to each other, within about ±30° — like yellow, yellow-green, and green. Because the colors share a neighborhood, analogous palettes feel calm, cohesive, and natural. They are easy on the eye but offer less contrast, so you often need a brightness difference to create hierarchy.

Triadic uses three hues evenly spaced 120° apart, forming a triangle on the wheel. Triadic palettes stay vibrant and balanced while offering more variety than a single complementary pair. They work well when you want a playful, colorful look without chaos.

Split-complementary takes a base hue and pairs it with the two hues adjacent to its complement, rather than the complement itself. It keeps most of the punch of a complementary scheme but softens the tension, making it more forgiving and a good default when complementary feels too aggressive.

Tetradic (a double-complementary, or 'rectangle', scheme) uses four hues arranged as two complementary pairs. It offers the richest range but is the hardest to balance — with four strong colors competing, you almost always have to let one dominate and keep the rest in supporting roles.

Match the scheme to the mood. Reach for complementary or triadic when you want energy and emphasis; reach for analogous when you want calm and cohesion; reach for split-complementary or tetradic when you need contrast with more nuance. There is no single 'best' scheme — only the one that fits the feeling you are after.

Whatever you pick, follow the 60-30-10 rule: let one dominant color fill about 60% of the design, a secondary color about 30%, and an accent about 10%. Choosing one clearly dominant color is what stops a multi-hue palette from looking busy. Vary lightness and saturation rather than throwing every hue in at full strength, and keep an eye on text contrast — a harmonious palette can still be unreadable.