ARTICLES BY OUR DESIGNERS


Colors theory 101

author

Colors Theory 101 

 

Let's first go back to high school art class to discuss the basics of color.

Remember hearing about primary, secondary, and tertiary colors? They're pretty important if you want to understand, well, everything else about color.

Circular color theory model with labels for primary colors, secondary colors, and tertiary colors

Primary Colors

Primary colors are those you can't create by combining two or more other colors together. They're a lot like prime numbers, which can't be created by multiplying two other numbers together.

There are three primary colors:

  • Red
  • Yellow
  • Blue

Think of primary colors as your parent colors, anchoring your design in a general color scheme. Any one or combination of these colors can give your brand guardrails when you move to explore other shades, tones, and tints. 

When designing or even painting with primary colors, don't feel restricted to just the three primary colors listed above. Orange isn't a primary color, for example, but brands can certainly use orange as their dominant color. 

Knowing which primary colors createorange is your ticket to identifying colors that might go well with orange -- given the right shade, tone, or tint. This brings us to our next type of color ...

Secondary Colors

Secondary colors are the colors that are formed by combining any two of the three primary colors listed above. Check out the color theory model above -- see how each secondary color is supported by two of the three primary colors?

There are three secondary colors: orange, purple, and green. You can create each one using two of the three primary colors. Here are the general rules of secondary color creation:

  • Red + Yellow = Orange
  • Blue + Red = Purple
  •  
  • Yellow + Blue = Green

Keep in mind that the color mixtures above only work if you use the purest form of each primary color. This pure form is known as a color's hue, and you'll see how these hues compare to the variants underneath each color in the color wheel below.

Tertiary Colors

Tertiary colors are created when you mix a primary color with secondary color.

From here, color gets a little more complicated. And if you want to learn how the experts choose color in their design, you've got to first understand all the other components of color.

The most important component of tertiary colors is that not every primary color can match with a secondary color to create a tertiary color. For example, red can't mix in harmony with green, and blue can't mix in harmony with orange -- both mixtures would result in a slightly brown color (unless of course that's what you're looking for).

Instead, tertiary colors are created when a primary color mixes with a secondary color that comes next to it on the color wheel below. There are six tertiary colors that fit this requirement:

  • Red + Purple = Red-Purple (magenta)
  • Red + Orange = Red-Orange(vermillion)
  • Blue + Purple = Blue-Purple (violet)
  • Blue + Green = Blue-Green (teal)
  • Yellow + Orange = Yellow-Orange(amber)
  • Yellow + Green = Yellow-Green(chartreuse)