Complementary Colors

Complementary colors sit opposite each other on the color wheel and create the strongest hue contrast available. Used well, they make elements pop; used carelessly, they can feel harsh. This guide explains how to apply them.

Why they contrast

Because complementary hues are 180 degrees apart, they share no common hue, which maximizes the difference between them. That is why a complementary accent draws the eye so effectively.

Using them in balance

A common mistake is using both colors in equal, large amounts, which can vibrate uncomfortably. Instead, let one color dominate and use its complement sparingly for accents such as buttons and highlights. Adjusting saturation and lightness also softens the pairing.

Split complementary

If a straight complement feels too intense, a split-complementary scheme uses the two hues adjacent to the complement. It keeps strong contrast while feeling more nuanced.

Try these tools

Related guides