Skip to main content
Humanities LibreTexts

8.4: Color Theory

  • Page ID
    341499
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    Color theory in art is essentially a set of guidelines that artists and designers follow to communicate effectively and create visually appealing works through the use of color. It involves understanding how different colors interact with each other and how they can be combined to achieve specific effects, such as creating depth, drawing attention to key elements, or evoking certain emotions. This theory explores the dynamics of color relationships, such as complementary (colors opposite each other on the color wheel), analogous (colors next to each other on the color wheel), and monochromatic (shades of a single color) schemes, and their psychological impact on viewers. By applying color theory principles, artists and designers can make informed decisions about color selection and application to enhance the overall impact of their work.

    Color Harmony

    Color harmony refers to the aesthetically pleasing arrangement of colors. It is based on the idea that certain combinations of colors are more visually appealing and effective in conveying the intended message or emotion. Harmony in color can be achieved through various schemes based on the color wheel, a visual representation of colors arranged according to their chromatic relationship. Common color harmony schemes include:

    Achromatic: An achromatic scheme involves the use of black, white, and grays— colors that lack hue and saturation but vary in brightness. This scheme is often employed to emphasize texture, form, light, and shadow, creating depth and visual interest without the use of color.

    For example, “Guernica” (1937 by Pablo Picasso was created in response and protest to the bombing of Guernica in April of 1937, a Basque town during the Spanish civil war. A lack of color brings to mind the absence of life (colorless) and the aftermath of ash and death.

    Achromatic Value scale .png

    " Achromatic Value Scale" by Kristen R. Kennedy is licensed CC BY-4.0.

    Day and Night by Maurits Cornells Escher .png

    "Day and Night" by Maurits Cornells Escher uploaded by Pedro Ribeiro Simoes, Flickr, is Licensed CC BY 2.0.

    Monochromatic: This scheme utilizes various shades, tints, and tones of a single color. This scheme is known for its cohesive and soothing effect.

    For example, Pablo Picasso’s “The Old Guitarist” from his Blue Period. This artwork is a prime example of a monochromatic color scheme, primarily using shades of blue to convey a mood of melancholy and depth, reflecting the artist’s emotional state during this period

    Monochromatic .png

    "Monochromatic Value Scale in Blue” by Kristen R. Kennedy is licensed CC BY-4.0.

    The old guitarist by Picasso .png

    "The Old Guitarist" by Pablo Picasso is in the public domain.

    Complimentary: A complementary color scheme uses colors that are opposite each other on the color wheel. This scheme offers a high contrast and vibrant look, making it ideal for creating a dynamic and engaging visual impact. Graphic designers often use this scheme to create contrasts to draw attention and create visual interest. Complimentary color schemes include blue and orange, yellow and purple, red and green.

    For example, Vincent van Gogh’s iconic painting “Starry Night” uses complementary colors with the bright yellow-orange stars and moon against the deep blue-violet of the night sky, creating a compelling and timeless composition.

    Starry Night by Van Gogh .png

    "Starry Night" (1889) by Vincent Van Gogh, is in the Public Domain, via WikiArt.org.

    Analogous: An analogous color scheme consists of colors that are next to each other on the color wheel. This scheme often includes one dominant color, with the others serving as support. It's known for its rich and harmonious look, perfect for creating a sense of unity and serenity.

    For example, a landscape painting that uses green, yellow, and orange to represent a sunny meadow scene, with green as the dominant color supported by the warmth of yellow and orange.

    analogous color scheme .png

    "Analogous Color Scheme" by Kristen R. Kennedy is licensed CC BY-4.0.

    Split-Complementary: Split complementary color scheme involves a base color and two adjacent tertiary colors to its complement. This scheme offers a balance between contrast and harmony, making it less intense than a direct complementary scheme but still visually appealing. For example, a purple base color, complemented by yellow-green and yellow-orange on the color wheel, creates a vibrant and balanced color scheme.

    split complementary color scheme .png

    "Split Complementary Color Scheme" by Kristen R. Kennedy is licensed CC BY-4.0.

    Triadic (Triangle): The triadic color scheme uses three colors that are evenly spaced around the color wheel. This scheme is vibrant and offers a harmonious contrast, making it great for creating a colorful and dynamic composition. For example, basic primary colors blue, yellow, and red for a Triadic Scheme can create a colorful and dynamic composition, that can be seen in the work of artist Piet Mondrian’s Composition II in Red, Blue, and Yellow, 1929.

    Triadic color scheme .png

    "Triadic Color Scheme” by Kristen R. Kennedy is licensed by CC BY-4.0.

    Tetradic (or Double Complementary): Combining two pairs of complementary colors. It offers a lot of variation in color while retaining balance and creating vibrant and diverse compositions.

    Tetradic color scheme .png

    "Tetradic Color Scheme" by Kristen R. Kennedy is licensed CC BY-4.0.

    For example, the tetradic scheme of red and green, plus blue and orange create a rich palette of colors with many focal points, as seen in Paul Gauguin's "Tahitian Landscape." Gauguin's paintings often feature rich, vibrant colors, and in this work, he uses a tetradic scheme with green and red complemented by blue and orange, creating a lush and dynamic landscape that captures the essence of Tahiti.

    Tahitian Landscape by Paul Gauguin .png

    "Tahitian Landscape" by Paul Gauguin licensed Public Doman, via WkiArt.org

    Color Contrast

    Color contrast, on the other hand, refers to the difference in visual properties that makes an object (or its representation in an image) distinguishable from other objects and the background. In terms of color, contrast is determined by differences in hue, value (lightness or darkness), and saturation (intensity). High-contrast compositions can make elements stand out and draw the viewer’s attention, while low-contrast compositions tend to be more harmonious and subtle.

    contrast .png

    Contrast types include:

    Hue contrast: The difference in the actual colors on the color wheel.

    Value contrast: The difference in lightness and darkness.

    Saturation contrast: The difference in intensity (saturation) or purity of colors.

    Color Temperature

    Integrating warm and cool colors into color theory enriches art and design by deepening our grasp of using color. Warm colors like red, orange, and yellow, symbolizing sunlight and fire, evoke warmth, energy, and passion, drawing attention effectively. They often infuse compositions with comfort or excitement. In contrast, cool colors—blue, green, and purple—evoke calm, relaxation, and serenity, reminiscent of water, sky, and foliage. These colors introduce tranquility and spatial depth, balancing the intensity of warm hues.

    color temperature wheel .png

    "Color Temperature Wheel" by Kristen R. Kennedy is licensed CC BY 4.0.

    This warm-cool distinction is crucial in color theory, guiding artists and designers in crafting emotionally and visually compelling works. Warm colors appear to advance, creating a sense of closeness, while cool colors recede, enhancing spatial perceptions. This understanding enables the creation of balanced, visually interesting pieces that effectively communicate intended emotions and messages.


    8.4: Color Theory is shared under a CC BY-SA 4.0 license and was authored, remixed, and/or curated by LibreTexts.