1. Web Design
  2. UX/UI
  3. Design Theory

Color in 60 Seconds: Complementary Colors

Scroll to top
Read Time: 1 min
This post is part of a series called 60 Second Video Tutorials.
Color in 60 Seconds: Tints, Tones and Shades
Color in 60 Seconds: Analogous Colors

The term “complementary colors” refers to a pair of colors which are opposite one another on the color wheel. Let’s take a look, in sixty seconds!

Complementary Colors

Here are some simple examples of complementary colors, presented on a color wheel:

Red and green:

red and green

Blue and orange:

blue and orange

Or these:

yellow and purple

To get a complementary pair, pick one hue and then its opposite from the other side of the wheel. Most of the time you’ll want to use either a tint or a shade because the pure color will likely be too vibrant and therefore produce unwanted effects

So be very careful how you use complementary colors because, whilst their relationship is suitable, the high contrast might not be what you’re looking for.

A Bit More Detail

Learn more about color on Envato Tuts+

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.