10/13/2019 Basic Color Theory

(htps://www.coo
lrmaters.com) (/)

Color (/color-and-design)  Basic Color Theory

Basic Color Theory

Color theory encompasses a multitude of definitions, concepts and design applications - enough to fill
several encyclopedias. However, there are three basic categories of color theory that are logical and
useful : The color wheel, color harmony, and the context of how colors are used.

Color theories create a logical structure for color. For example, if we have an assortment of fruits and
vegetables, we can organize them by color and place them on a circle that shows the colors in
relation to each other.

The Color Wheel

A color circle, based on red, yellow and blue, is traditional in the field of art. Sir Isaac Newton
developed the first circular diagram of colors in 1666. Since then, scientists and artists have studied
and designed numerous variations of this concept. Differences of opinion about the validity of one
format over another continue to provoke debate. In reality, any color circle or color wheel which
presents a logically arranged sequence of pure hues has merit.

https://www.colormatters.com/color-and-design/basic-color-theory 1/12
10/13/2019 Basic Color Theory

(htps://www.coo
lrmaters.com) (/)

There are also definitions (or categories) of colors based on the color wheel. We begin with a 3-part
color wheel.

Primary Colors: Red, yellow and blue

In traditional color theory (used in paint and pigments), primary colors are the 3 pigment colors that
cannot be mixed or formed by any combination of other colors. All other colors are derived from
these 3 hues.

Secondary Colors: Green, orange and purple

These are the colors formed by mixing the primary colors.

Tertiary Colors: Yellow-orange, red-orange, red-purple, blue-purple, blue-green & yellow-green

These are the colors formed by mixing a primary and a secondary color. That's why the hue is a two
word name, such as blue-green, red-violet, and yellow-orange.

 Color Harmony
Harmony can be defined as a pleasing arrangement of parts, whether it be music, poetry, color, or
even an ice cream sundae.

In visual experiences, harmony is something that is pleasing to the eye. It engages the viewer and it
creates an inner sense of order, a balance in the visual experience. When something is not
harmonious, it's either boring or chaotic. At one extreme is a visual experience that is so bland that
the viewer is not engaged. The human brain will reject under-stimulating information. At the other
https://www.colormatters.com/color-and-design/basic-color-theory 2/12
 extreme
10/13/2019 is a visual experience that is so overdone, Basic
so chaotic that the viewer can't stand to look at
Color Theory

it. The human brain rejects what it cannot organize, what it cannot (htps://www.coo
lrmaters.com) (/)The visual task
understand.
requires that we present a logical structure. Color harmony delivers visual interest and a sense of
order.

In summary, extreme unity leads to under-stimulation, extreme complexity leads to over-stimulation.

Harmony is a dynamic equilibrium.

Some Formulas for Color Harmony

There are many theories for harmony. The following illustrations and descriptions present some basic
formulas.

1. A color scheme based on analogous colors

Analogous colors are any three colors which are side by side on a 12-part color wheel, such as
yellow-green, yellow, and yellow-orange. Usually one of the three colors predominates.

2. A color scheme based on complementary colors

Complementary colors are any two colors which are directly opposite each other, such as red and
green and red-purple and yellow-green. In the illustration above, there are several variations of
yellow-green in the leaves and several variations of red-purple in the orchid. These opposing colors
create maximum contrast and maximum stability.

3. A color scheme based on nature

https://www.colormatters.com/color-and-design/basic-color-theory 3/12
10/13/2019 Basic Color Theory

(htps://www.coo
lrmaters.com) (/)

Nature provides a perfect departure point for color harmony. In the illustration above, red yellow and
green create a harmonious design, regardless of whether this combination fits into a technical
formula for color harmony.

(https://colormatters.thinkific.com/)

Learn the language of color online (https://colormatters.thinkific.com/)

DIY - Learn at your own pace.

Color Context
How color behaves in relation to other colors and shapes is a complex area of color theory. Compare
the contrast effects of different color backgrounds for the same red square.

©Color Voodoo (http://www.colorvoodoo.com/cvoodoo.html) Publications

Red appears more brilliant against a black background and somewhat duller against the white
background. In contrast with orange, the red appears lifeless; in contrast with blue-green, it exhibits
brilliance. Notice that the red square appears larger on black than on other background colors.

https://www.colormatters.com/color-and-design/basic-color-theory 4/12
10/13/2019 Basic Color Theory

(htpscolor
Different readings of the same ://www.coo
lrmaters.com) (/)

©Color Voodoo (http://www.colorvoodoo.com/cvoodoo.html) Publications

If your computer has sufficient color stability and gamma correction (link to Is Your Computer Color
Blind? (/color-blind-computers)) you will see that the small purple rectangle on the left appears to
have a red-purple tinge when compared to the small purple rectangle on the right. They are both the
same color as seen in the illustration below. This demonstrates how three colors can be perceived as
four colors.

Observing the effects colors have on each other is the starting point for understanding the relativity
of color. The relationship of values, saturations and the warmth or coolness of respective hues can
cause noticeable differences in our perception of color.

Illustrations and text, courtesy of

Color Logic (http://www.colorvoodoo.com/cvoodoo4.html) and Color Logic for Web Site Design
(http://www.colorvoodoo.com/cvoodoo5.html)

(https://app.convertkit.com/landing_pages/149192?v=6)
Stay in touch with the latest news about color in this bi-monthly newsletter. Sign up
(https://app.convertkit.com/landing_pages/149192?v=6)and get a free copy of “The 3 Most Common
Color Mistakes".

https://www.colormatters.com/color-and-design/basic-color-theory 5/12
10/13/2019 What's your favorite color? What does
Basic Color it mean to others?
Theory

(htps://www.coo
Explore "The Meanings of Colors" (/color-symbolism/the-meanings-of-colors)atlrmaters.com) (/) Color
Matters.

Also ...
Don't miss this article at Color Matters!
The Evolution of the Symbolism of Green
(/color-and-design/are-black-and-white-colors)Color & Culture Matters (/color-
symbolism/color-and-culture-matters)

(/color-symbolism/color-and-

culture-matters)

(https://colormatters.thinkific.com/courses/psychology-color-symbolism)

Fun Color Matters

Color Matters for Kids 

Fun Color Facts 

The Color Police 

Color Connections
Global Color Survey (http://www.colorcom.com/global-color-survey)
https://www.colormatters.com/color-and-design/basic-color-theory 6/12
 y( p // /g y)
10/13/2019 Basic Color Theory
Color Matters Blog (/color-matters-blog) (htps://www.coo
lrmaters.com) (/)
About Us 

Color Travels 

Newsletter (/newsletter)

Twitter-Color Matters (http://twitter.com/#!/jillmorton)

Pinterest (http://pinterest.com/colormatters/)

(https://colormatters.thinkific.com)

https://www.colormatters.com/color-and-design/basic-color-theory 7/12
10/13/2019 Basic Color Theory

(htps://www.coo
lrmaters.com) (/)

(http://www.colorvoodoo.com/design/color-design-encyclopedia/)

https://www.colormatters.com/color-and-design/basic-color-theory 8/12
10/13/2019 Basic Color Theory

(htps://www.coo
lrmaters.com) (/)

https://www.colormatters.com/color-and-design/basic-color-theory 9/12
10/13/2019 Basic Color Theory

(htps://www.coo
lrmaters.com) (/)

(http://colorvoodoo.com/design/)

https://www.colormatters.com/color-and-design/basic-color-theory 10/12
10/13/2019 Basic Color Theory

(htps://www.coo
lrmaters.com) (/)

(https://app.convertkit.com/landing_pages/149192?v=6)
Color Matters is a registered trademark of J.L. Morton.
Graphics and Text: Copyright (c) 1995-2019, J.L.Morton, All rights reserved

https://www.colormatters.com/color-and-design/basic-color-theory 11/12
10/13/2019 Basic Color Theory

(htps://www.coo
lrmaters.com) (/)

Contact (/contact) Terms & Conditions (/terms-and-conditions) Copyright (/copyright)

Login | Logout (/login-logout) Site Map (/site-map) Privacy Policy (/privacy-policy)

DMCA (/dmca)

https://www.colormatters.com/color-and-design/basic-color-theory 12/12