Color scheme explained

In color theory, a color scheme is a combination of 2 or more colors used in aesthetic or practical design. Aesthetic color schemes are used to create style and appeal. Colors that create a harmonious feeling when viewed together are often used together in aesthetic color schemes. Practical color schemes are used to inhibit or facilitate color tasks, such as camouflage color schemes or high visibility color schemes. Qualitative and quantitative color schemes are used to encode unordered categorical data and ordered data, respectively. Color schemes are often described in terms of logical combinations of colors on a color wheel or within a color space.[1] [2] [3]

Harmonious schemes

Harmonious color schemes are designed to accomplish an aesthetic color task and enhance color harmony. They do not represent any underlying variable. The color scheme of a logo is typically purely aesthetic. A color scheme in marketing is referred to as a trade dress and can sometimes be protected by trademark or trade dress laws, as is the pink color of Owens Corning fiberglass.[4]

Achromatic

Any color that lacks strong chromatic content is said to be unsaturated, achromatic, or near neutral. Pure achromatic colors include black, white, all grays and beiges; near neutrals include browns, tans, pastels, and darker colors. Near neutrals can be of any hue or lightness. For example, the "Achromatic" use of a white background with black text is an example of a basic and commonly default color scheme in web design.

Neutrals are obtained by mixing pure colors with white, black or gray, or by mixing two complementary colors. In color theory, neutral colors are colors easily modified by adjacent more saturated colors and they appear to take on the hue complementary to the saturated color. Next to a bright red couch, a gray wall will appear distinctly greenish.

Black and white have long been known to combine well with almost any other colors; black decreases the apparent saturation or brightness of colors paired with it, and white shows off all hues to equal effect.[5]

Monochromatic

Monochromatic color schemes may contain all the colors (tints, tones, and shades) of a single hue, i.e. the base hue modified by the addition of black, gray and white. As a result, the energy is more subtle and peaceful due to a lack of contrast of hue.

Complementary

See main article: Complementary color. A complementary color scheme comprises two colors that combine to form gray, i.e. they are on opposite sides of the color wheel. Fully saturated complementary colors maximize color contrast.

A split-complementary (also called compound harmony) color scheme comprises three colors, namely a base color and two colors that are 150 degrees and 210 degrees apart from the base color. The split-complementary color scheme has the same sharp visual contrast as the complementary color scheme but has less pressure.

Analogous

See main article: Analogous colors. Analogous color schemes (also called dominance harmony) are groups of colors that are adjacent to each other on the color wheel, with one being the dominant color, which tends to be a primary or secondary color, and two on either side complementing, which tend to be tertiary. This usually translates to a three-color combination consisting of a base color and two colors that are 30 degrees and 330 degrees apart from the base color. A analogous color scheme tends to have a consistent temperature, comprising only warm or only cool colors. An analogous color scheme creates a rich, semi-monochromatic look. However, the scheme also lacks contrast and is less vibrant than complementary schemes. Red, reddish-orange, orange, yellow-orange is one example of a set of analogous colors.

A near-analogous color scheme comprises three colors, namely a base color and two colors that are 60 degrees and 300 degrees apart from the base color. The near-analogous color scheme has the same consistency as the analogous color scheme but has more contrast in comparison. One example of a near-analogous color scheme would be red, yellow, and magenta.

An accented analogous color scheme adds the complementary color of an analogous color scheme as the accent color, used to create a dominant color grouping of three similar colors accented with the direct complement (or the near complement) of one of them. The complementary accent color creates an interesting contrast against the dominant color grouping. This scheme is frequently used to put a warm accent color with a cool analogous color palette, or a cool accent color with a warm palette.

Triadic

The triadic color scheme is a three-color combination consisting of base color and two colors that are 120 degrees and 240 degrees apart from the base color.[6] Triadic color schemes tend to be quite vibrant. Even when using pale or unsaturated versions of hues, it offers a higher degree of contrast while also retaining the color harmony. This scheme is trendy among artists because it provides sharp visual contrast while maintaining balance, and color richness. The triadic scheme is not as contrasting as the complementary scheme, but it is easier to accomplish balance and harmony with these colors.

Tetradic

The tetradic (also called double complementary) color scheme is considered the richest because it uses four colors arranged into two complementary color pairs. This scheme is hard to harmonize and requires a color to dominate or subdue the colors; if all four colors are used in equal amounts, the color scheme may look unbalanced.

Hexadic

The hexadic (also called triple complementary, or double triadic) color scheme is the color scheme with the most distinct colors possible. It is a six-color combination consisting of base color and five colors that are 60, 120, 180, 240 and 300 degrees apart from the base color. This color scheme is the most varied color scheme because it uses six colors which are arranged into three complementary color pairs, or it could be seen as two color schemes that are complimentary to each other—such as two triadic color schemes or two near-analogous color schemes—or adding a complementary pair to a rectangular tetradic color scheme. An example of this color scheme is red, yellow, green, cyan, blue, and magenta—which also happens to be the roster of the two sets of modern primary colors in both pigment and light.

Wave method

This method was discovered in 2017.[9] The wave method of building harmonious color palette based on the relationship of color and acoustic waves and the concept of consonance in music theory. Additional colors are selected to the base color depending on the wavelength ratio. This ratio must satisfy the concept of consonance in music theory.

Practical schemes

Practical color schemes combine colors outside typical aesthetic media and context for purely practical reasons, generally focusing on maximizing or minimizing contrast, instead of color harmony. The most common practical color scheme is black-and-white, which generally maximizes contrast. This may be used for black text on a white background or prison uniforms. Enhancing contrast against a background motivates some practical color schemes, such as high visibility color schemes, while inhibiting contrast against a background motivates others, as in camouflage.

Qualitative schemes

See also: color codes. Qualitative color schemes represent categorical variables, where the possible values of the variable are discrete and unordered. An example of a categorical variable is U.S. states, which has 50 unordered values. A qualitative color scheme is generally also called a color code. Generally, the number of colors in a qualitative color scheme is equal to the number of possible values for the categorical variable, where each value is encoded to one color. However, the number of total colors can be decreased by encoding each value with multiple colors, as in the 25-pair color code, which encodes 25 values using only 10 colors, by assigning each value a color each from group A and group B, each consisting of 5 colors.

A qualitative color scheme can be designed similarly to a harmonious color scheme. However, the goal of a qualitative color scheme is to solve a comparative color task rather than an aesthetic color task, so enhancing color difference between the colors in the color scheme is generally more important than color harmony.

Quantitative schemes

Quantitative color schemes (sometimes color maps) represent quantitative data, where the possible values of the variable are ordered, and may be discrete or continuous:

Quantitative schemes are fundamental to Thematic maps, charts, data science, spreadsheets, and other tools which use graphical means to visualize quantitative data. They are common in heat maps, choropleths and other forms of visualization. These color schemes can be categorized into different classes, depending on the nature of the underlying data. Each of these color schemes can be continuous or discrete:[10]

Scientifically derived schemes

Scientifically derived color schemes (or scientific color maps) seek to improve on traditionally color schemes (spectral schemes such as rainbow or jet) by incorporating a uniform color gradient and color blind accessibility.[10] In the 1990's, Cynthia Brewer performed a number of experiments on various color schemes for data visualization in maps, especially working with those with color blindness.[11] [12] Eventually, this work led to a palette of several dozen color schemes designed to be reproducible on multiple devices and usable by the color blind, which was collected into an interactive tool known as ColorBrewer[13] in 2002.[14] [15] This palette quickly gained wide acceptance due to its reliable usability by non-experts, and has become a standard built into GIS and mapping software and other visualization tools.[16] [17] [18] Other pre-made scientific color schemes that are distributed directly to users, but also frequently built into common visualisation toolboxes include:

Multivariate schemes

Bivariate or trivariate schemes use two or three orthogonal sequential schemes to represent separate (but usually related) variables, with the various blended colors representing different combinations of values. This scheme tends to work best when the hues for each axis are primary colors: RGB on a black background, CMY on a white background, so that the mixed colors are as clear as possible. When crafted well, and with advantageous geography (in which the variables tend to have broadly consistent patterns), these color schemes are very effective at visualizing correlations and other patterns between the variables. In other situations, they can produce a seemingly random confusion of color.[24]

Connotative schemes

Connotative color schemes use colors that reference a specific cultural meaning. Red and green color schemes are connotative of Christmas. In some countries, a red, white and blue color scheme connotes the Flag of the United States. Even the ubiquitous Traffic light color scheme (red, yellow, green) that was originally a qualitative color scheme, has transformed into a connotative color scheme as "red means stop" and "green means go" have solidified in culture, and through their meaning have been adopted in non-transportation related encoding like the Traffic Light Protocol or stop light parties.

In culture

In hotel room designs, the relationship between preferences of color schemes and gender was detected. Male guests tend to prefer masculine color schemes, while female guests favor feminine color schemes.[25]

See also

References

  1. Book: Color Choices . Stephen Quiller . Watson–Guptill . 2002 . 0-8230-0697-2 . live . https://web.archive.org/web/20171224164731/https://books.google.com/books?id=jiUTZQj_v5QC&pg=PA6&dq=monochromatic+split-complementary+analogous+color-scheme&lr=&as_brr=0&ei=-NWaR4S_Bo2msgOhjdSfCg&sig=T6KoJ_CXySSke_1_Hz-SsdtoL2k . 2017-12-24 .
  2. Book: The Big Book of Decorative Painting: How to paint if you don't know how – and how to improve if you do . Jackie Shaw . Watson–Guptill . 1994 . 0-8230-0265-9 . registration . 49 . monochromatic split-complementary analogous color-scheme. .
  3. Book: Colour: How to Use Colour in Art and Design . Edith Anderson Feisner . Laurence King Publishing . 2006 . 1-85669-441-0 . live . https://web.archive.org/web/20171224164731/https://books.google.com/books?id=uw0JRpdKQ6MC&pg=PA77&dq=analogous+triadic+color-scheme&lr=&as_brr=0&ei=aNmaR7XsNY6IswPOyIGlCg&sig=cqFD6smQd-etZuuRKvkChLGrqAM#PPA76,M1 . 2017-12-24 .
  4. Book: Intellectual Property: Valuation, Exploitation, and Infringement Damages . Gordon V. Smith and Russell L. Parr . John Wiley and Sons . 2005 . 0-471-72433-5 . live . https://web.archive.org/web/20140102022836/http://books.google.com/books?id=6Q_rKMfB7m0C&dq=trade-dress+pink+color+site:www.ivanhoffman.com&source=gbs_summary_s&cad=0 . 2014-01-02 .
  5. Web site: Theory of Color. zedbi.com/. 23 October 2014. 1. dead. https://web.archive.org/web/20141024010749/https://zedbi.com/View-a-websites-color-scheme#theory. 24 October 2014.
  6. Web site: Triadic Color Scheme. Tiger Color. 30 July 2020.
  7. Web site: Rectangle (Tetradic) Color Scheme. Tiger Color. 30 July 2020.
  8. Web site: Square Color Scheme. Tiger Color. 30 July 2020.
  9. The wave method of building color palette and its application in computer graphics. 1709.04752 . Sabo . I. I. . Lagoda . H. R. . 2017 . cs.GR .
  10. Crameri. Fabio. Shephard. Grace E.. Heron. Philip J.. December 2020. The misuse of colour in science communication. Nature Communications. en. 11. 1. 5444. 10.1038/s41467-020-19160-7. 2041-1723. 7595127. 33116149. 2020NatCo..11.5444C .
  11. 10.1179/caj.1996.33.2.79. Guidelines for Selecting Colors for Diverging Schemes on Maps. 1996. Brewer. Cynthia A.. The Cartographic Journal. 33. 2. 79–86. 1996CartJ..33...79B .
  12. 10.1111/1467-8306.00061. Mapping Mortality: Evaluating Color Schemes for Choropleth Maps. 1997. Brewer. Cynthia A.. MacEachren. Alan M.. Pickle. Linda W.. Linda Williams Pickle . Herrmann. Douglas. Annals of the Association of American Geographers. 87. 3. 411–438.
  13. Web site: Cindy Brewer. 2020-12-08. www.personal.psu.edu. 19 July 2018. https://web.archive.org/web/20180719184558/http://personal.psu.edu/cab38/. dead.
  14. 10.1559/152304003100010929. Color Brewer in Print: A Catalog of Color Schemes for Maps. 2003. Brewer. Cynthia A.. Hatchard. Geoffrey W.. Harrower. Mark A.. Cartography and Geographic Information Science. 30. 1 . 5–32. 2003CGISc..30....5B . 129427665.
  15. 10.1179/000870403235002042. Color Brewer.org: An Online Tool for Selecting Colour Schemes for Maps. 2003. Harrower. Mark. Brewer. Cynthia A.. The Cartographic Journal. 40. 1 . 27–37. 2003CartJ..40...27H . 140173239.
  16. Carto.com, Color in Map Design Part 2, Carto.com
  17. Kenneth Field, Brewing a new color palette for ArcGIS Pro, ArcGIS Blog, esri, 2014
  18. Jon Peltier, Create a Heat Map Using Excel's Conditional Formatting, Peltier Tech Blog, September 23, 2013
  19. Web site: matplotlib colormaps. 2020-12-25. bids.github.io.
  20. Nuñez. Jamie R.. Anderton. Christopher R.. Renslow. Ryan S.. 2018-08-01. Optimizing colormaps with consideration for color vision deficiency to enable accurate interpretation of scientific data. PLOS ONE. 13. 7. e0199239. 10.1371/journal.pone.0199239. 30067751. 6070163. 1712.01662 . 2018PLoSO..1399239N . 1932-6203. free.
  21. Thyng. Kristen. Greene. Chad. Hetland. Robert. Zimmerle. Heather. DiMarco. Steven. 2016-09-01. True Colors of Oceanography: Guidelines for Effective and Accurate Colormap Selection. Oceanography. 29. 3. 9–13. 10.5670/oceanog.2016.66. 1042-8275. free.
  22. Kovesi. Peter. Aseg Extended Abstracts . December 2015. Bad Colour Maps Hide Big Features and Create False Anomalies. 2015. 1. 1–4. 10.1071/aseg2015ab107. 2202-0586. free.
  23. Crameri. Fabio. 2018-06-29. Geodynamic diagnostics, scientific visualisation and StagLab 3.0. Geoscientific Model Development. en. 11. 6. 2541–2562. 10.5194/gmd-11-2541-2018. 2018GMD....11.2541C . 1991-9603. free. 10852/71195. free.
  24. , Elmer, M.E. 2013. "Symbol Considerations for Bivariate Thematic Maps." In Proceedings of the 26th International Cartography Conference. August 25-30, Dresden, Germany
  25. Bogicevic. Vanja. Bujisic. Milos. Cobanoglu. Cihan. Feinstein. Andrew Hale. 2018-02-12. Gender and age preferences of hotel room design. International Journal of Contemporary Hospitality Management. en. 30. 2. 874–899. 10.1108/IJCHM-08-2016-0450. 0959-6119.