How to find complementary colors


Question

I often find myself trying to determine which colour is the "complementary" one of (or would nicely fit with) two colours imposed by the client brand. At times, only one colour is imposed, and I want to find two colours that would fit it.

Is there a quick and easy way to figure it out?

1
9
2/26/2014 5:59:00 PM

Accepted Answer

There is a wealth of tools out there. If you use Illustrator, it has a colour guide option (other SW might have similar options):

enter image description here

enter image description here

Of online tools there are loads. Here are but a few:

Adobe Kuler

Color scheme designer

mudcube

Color Hexa

You can also find user-created colour schemes:

Color lovers

11
2/26/2014 3:11:00 PM

Try playing around with the HSB colour selection model. In HSB (Hue, Saturation, Brightness), Hues (H) are laid out in a circular fashion, with their H values varying between 0 degrees (red) and 360 degrees (red again). If you want a colour's complementary hue, sample its H value and add 180 degrees to it (or subtract 180, whichever gives a valuw between 0 and 360) to get the complementary. Thus, red (H=0) has a complementary in cyan (H=180).

If you want a colour's full complementary, you should also invert the S and B values, which are expressed in precentages. For example, a dark desaturated red (read: brown) has a complementary in a light, saturated cyan.

HSB is available in the colour pickers of most (if not all) Adobe software.

This is only one method. There are multiple other colour models, with their own sets of complementaries. The classic complementary pair red-green, for example, are not complementary in HSB.

If it's creating colour schemes that you're after, you should try more than just complementary colours: there are multiple ways of looking for hues and colours that go well with a base colour. Try playing around with Illustrator's Color Guide ( Window > Color Guide or Shift+F3), where you can choose a base colour and multiple 'harmony rules' to create a scheme. You can try Adobe Kuler for an online version with even more customisation options.


Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow


Website under construction!!!
^