Complementary colors, explained with examples
Updated 2026-09-12 · by the ColorSwoop team
Complementary colors are the most powerful pairing on the wheel and the easiest to get wrong. The fix is proportion.
The pairs
Blue and orange, red and green, yellow and purple, teal and coral. Each pair sits 180° apart. Placed next to each other they make each other look more saturated, which is exactly why sports teams and movie posters love them.
Why they clash
Two saturated complements at equal size and equal lightness create a vibrating edge the eye cannot rest on. When ColorSwoop filters palettes it rejects exactly this case: two vivid colors far apart in hue with similar lightness.
The 80/20 rule
Let one color own the design and use the complement for the 10-20% that needs attention: a button, a headline underline, a single illustration element. Also separate them in lightness: a deep navy with a light peach reads as sophisticated; the same navy with an equally dark orange reads as a warning sign.
Softer alternatives
- Split-complementary: base plus the two hues flanking its opposite. Most of the contrast, less of the clash.
- Near-complementary: 150-170° apart instead of 180°. Teal and terracotta is the current favorite; see Teal & Terracotta 2026.
- Muted complement: keep the hue opposite but drop saturation on one side, as in Coral Reef.
Find the complement of any color
Every color page shows the complementary, split-complementary and triadic colors for that hex, for example #FF7F50 Coral. Lock a color in the generator and choose the Complementary mode to build a full palette around the pair.
FAQ
What are complementary colors?
Two colors directly opposite each other on the color wheel, such as blue and orange, red and green, or purple and yellow. Placed together they intensify each other.
Why do complementary palettes often look garish?
Because both colors are used at full saturation and equal size. Fix it by making one dominant and one a small accent, and by muting or lightening one of the two.
What is split-complementary?
Instead of the exact opposite, you take the two hues either side of it. It keeps the contrast but is easier to balance, which is why many designers prefer it.