COLOR CONTRAST

How Colors behave in relation

to other colors & shapes.

Prepared by A/P Joe Spinelli 1

Version 1.0 Januray 2011
Prepared by A/P Joe Spinelli 2
Version 1.0 Januray 2011
 
 

Yellow text on a white

 

background?

OR

Prepared by A/P Joe Spinelli 3

Version 1.0 Januray 2011
Color Groups

• Light colors involve basic hues with white.

• Dull colors involve hues with gray.
• Vivid colors are the basic hues.
• Dark colors are involving basic hues with black
• Achromatic colors are shades of blacks and grays
                     

                   

                   

                   

     
Prepared by A/P Joe Spinelli 4
Version 1.0 Januray 2011
 Color theory has proven obvious psychological effects
due to color contrasts.
Warm colors are said to advance or appear more active in a painting,
while cool colors tend to recede.

Prepared by A/P Joe Spinelli 5

Version 1.0 Januray 2011
Warm colors used in interior design or fashion are said to arouse or stimulate the
viewer, while cool colors calm and relax.

Prepared by A/P Joe Spinelli 6

Version 1.0 Januray 2011
Most of these effects, to the extent they are real, can be attributed to the
higher saturation and lighter value of warm pigments in contrast to cool
pigments.

Thus, brown is a dark, unsaturated warm color that derives from warm red, but
only few people may think brown as visually active or psychologically arousing
like color red.

Prepared by A/P Joe Spinelli 7

Version 1.0 Januray 2011
 Color Assimilation
Color assimilation changes the hue of colored objects in
the direction of the surrounding color and often
decreases contrast. This effect appears whenever
colored objects are so tightly interwoven, that they tend
to become "integrated" into one color.

Prepared by A/P Joe Spinelli 8

Version 1.0 Januray 2011
Compare the contrast effects of different color backgrounds
for the same orange square.

Prepared by A/P Joe Spinelli 9

Version 1.0 Januray 2011
How color behaves in relation to other colors and shapes.

Compare the contrast effects of different color backgrounds for the same
red square.
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.
Prepared by A/P Joe Spinelli 10
Version 1.0 Januray 2011
Applying the Effects: Same but Different – Different but
Same
Notice how the same color appears differently depending on
the surrounding color

Prepared by A/P Joe Spinelli 11

Version 1.0 Januray 2011
 Colors change appearance when placed
along side other colors.

i.e.

A light Color Block will appear lighter near a dark color area

A dark Color Block will appear darker near a light color area
Prepared by A/P Joe Spinelli 12
Version 1.0 Januray 2011
 Different Readings of the same color.

The relationship of values, saturations and the warmth or coolness of

respective hues can cause noticeable differences
in our perception of color.
Prepared by A/P Joe Spinelli 13
Version 1.0 Januray 2011
 Applying the Effects:
Same but Different – Different but Same

The two small squares in the middle seem to be the same. But
actually, these colors are quite different.

Prepared by A/P Joe Spinelli 14

Version 1.0 Januray 2011
 Types of Color Contrast

Color Contrast

5. Complementary
1. Light & Dark 2. Cool & Warm 3. Saturation 4. Extension

Advancing Color & Receding Colors

Prepared by A/P Joe Spinelli 15

Version 1.0 Januray 2011
Color Contrast

1. Contrast of Light and Dark

A light hue in contrast to a dark hue. The strongest expression being
black in contrast to white.

This could be a monochromatic composition as well. It constitutes the

amount of black and white added to the particular hue. Example,
pink is the tint of red due to the result of more white. And burgundy
is a darker shade of red due to more black.

Prepared by A/P Joe Spinelli 16

Version 1.0 Januray 2011
Prepared by A/P Joe Spinelli 17
Version 1.0 Januray 2011
Color Contrast

2. The contrast of warm and cool 

A hue selected from the cool collection to contrast
with a warm collection.

Warm color
-The Colors that fall between pure red and pure yellow are called.

Cool color
-The colors opposite of the warm colors are called “cool” colors; fall
between blue, violet and green

Prepared by A/P Joe Spinelli 18

Version 1.0 Januray 2011
Prepared by A/P Joe Spinelli 19
Version 1.0 Januray 2011
Color Contrast

3. The contrast of compliments

 
When colors are opposite each other in the color wheel, it is
considered as complementary. Examples are Red and Green, Yellow
and Violet A key hue to contrast with it’s complementary color.

Prepared by A/P Joe Spinelli 20

Version 1.0 Januray 2011
Prepared by A/P Joe Spinelli 21
Version 1.0 Januray 2011
Color Contrast

4. The Contrast of Saturation

A bright saturated or high intense hue contrast with a less intense hue or a
dull tone of a hue.

Prepared by A/P Joe Spinelli 22

Version 1.0 Januray 2011
Prepared by A/P Joe Spinelli 23
Version 1.0 Januray 2011
Color Contrast

5. The contrast of extension 

 
Also known as the Contrast of Proportion. The contrast is formed by
placing a small area of color next to contrast with a large area of another
color. Usually combine two or more areas of colors.

LINK1 4

Prepared by A/P Joe Spinelli 24

Version 1.0 Januray 2011
Prepared by A/P Joe Spinelli 25
Version 1.0 Januray 2011
 End of Show

Prepared by A/P Joe Spinelli 26

Version 1.0 Januray 2011
Color Wheel Construction – Harmony Cubes

Cool Range Warm Range

Cool Values – Warm Values –
Tint, Tone & Tint, Tone &
Shade Shade

Direct
Cool Adjacent Complimentary Warm Adjacent

Split Split
Complimentary Complimentary
- neutral
- neutral
1 warm and 2
1 cool and 2
cool
warm

Composite
Prepared by preference)
( own A/P Joe Spinelli 27
Version 1.0 Januray 2011