Paleta Complementar

Complementary palettes: opposites that pull the eye

A complementary palette pairs two hues that sit 180° apart on the color wheel. In HSL the formula is one line: H2 = (H1 + 180) mod 360. The result delivers the maximum contrast any two-color combination can produce — which is why our visual cortex locks onto it instantly. The physiologist Michel-Eugène Chevreul described the effect back in 1839 as simultaneous contrast: place red next to green and each color appears more intense than it would alone.

Classic complementary pairs

• Red & Green — Christmas, "stop / go" signage, warning vs. success states.
• Blue & Orange — Hollywood's iconic teal & orange color grading (Caucasian skin sits in the orange family; teal backgrounds make faces pop). Seen in Avatar, Mad Max: Fury Road, almost every Marvel poster.
• Yellow & Purple — royal, theatrical, Lakers basketball, Cadbury chocolate.

When complementary wins

Use it for CTAs (button color opposite of the page background), sport team identities (energy, rivalry), and state communication in UI (red for danger / green for success). The classic split-complementary variant — a base hue plus the two neighbours of its opposite — keeps the energy with slightly less tension.

Accessibility & the colorblind trap

Complementary pairs usually pass WCAG 2.1 contrast checks easily, but two highly saturated complements next to each other can vibrate uncomfortably (avoid #ff0000 on #00ff00). The fix: keep one muted and one saturated. Bigger trap — red/green deuteranopia affects roughly 5% of men; never rely on red vs. green alone to convey state. Add a shape, an icon, or a label. Blue/orange is the safest complementary pair across all forms of color blindness.

Composition rule: 70/30, not 50/50

A 50/50 split between two complements creates visual tension — neither hue wins. Designers use a roughly 70/30 ratio: one color dominates the surface, the other appears only as accent (CTA, link, alert). Brand examples: McDonald's red+yellow, FedEx purple+orange, IKEA blue+yellow — in every case one color owns 70%+ of the area.

FAQ

Will it work on a sport jersey? Yes — sport teams love complementary. Maximum contrast at distance is exactly what you want on a field.

Does it print well? Yes. Highly saturated complements convert cleanly to CMYK and stay vivid on glossy stock.

Is it safe for colorblind users? Red/green pairs fail for ~5% of men. Use blue/orange as a colorblind-safe complement, or always add a non-color cue (shape, icon, text label).

Difference between complementary and split-complementary? Complementary is two hues 180° apart. Split-complementary is one hue plus the two neighbours of its opposite (150° and 210° away), which softens the tension while keeping the contrast.