The following is a list of color relationships and how to use them as a tool for visual design. Color wheel – color theory and calculator | Canva Colors
Complementary
Two colors that are on opposite sides of the color wheel. This combination provides a high contrast and high impact color combination – together, these colors will appear brighter and more prominent.
Monochromatic
Three shades, tones and tints of one base color. Provides a subtle and conservative color combination. This is a versatile color combination that is easy to apply to design projects for a harmonious look.
Analogous
Three colors that are side by side on the color wheel. This color combination is versatile, but can be overwhelming. To balance an analogous color scheme, choose one dominant color, and use the others as accents.
Triadic
Three colors that are evenly spaced on the color wheel. This provides a high contrast color scheme, but less so than the complementary color combination — making it more versatile. This combination creates bold, vibrant color palettes.
Tetradic
Four colors that are evenly spaced on the color wheel. Tetradic color schemes are bold and work best if you let one color be dominant, and use the others as accents. The more colors you have in your palette, the more difficult it is to balance,
Primary, secondary and tertiary colors
There are 12 main colors on the color wheel. In the RGB color wheel, these hues are red, orange, yellow, chartreuse green, green, spring green, cyan, azure, blue, violet, magenta and rose.
The color wheel can be divided into primary, secondary and tertiary colors.
Primary colors in the RGB color wheel are the colors that, added together, create pure white light. These colors are red, green and blue.
In the RYB color wheel, primary colors are colors that can’t be mixed from other colors. There are three primary colors: red, yellow, and blue.
Secondary colors are colors that result from mixing two primary colors. There are three secondary colors. In the RGB color wheel, these are cyan, magenta and yellow. When you mix light, red and green make yellow, green and blue make cyan, and blue and red make magenta.
In the RYB color wheel, the secondary colors are purple (red mixed with blue), orange (red mixed with yellow), and green (yellow mixed with blue).
Tertiary colors are colors made by combining a secondary color with a primary color. There are six tertiary colors. In the RGB color wheel these are orange, chartreuse green, spring green, azure, violet and rose.
In the RYB color wheel, the tertiary colors are red-orange, yellow-orange, yellow-green, blue-green, blue-violet, and red-violet.
Warm and cool colors
The color wheel can also be divided into warm and cool colors. The warmth or coolness of a color is also known as its color temperature. The color combinations found on a color wheel often have a balance of warm and cool colors. According to color psychology, different color temperatures evoke different feelings. For example, warm colors are said to bring to mind coziness and energy, while cool colors are associated with serenity and isolation.
Warm colors are the colors from red through to yellow. These colors are said to bring to mind warmth, like the sun.
Cool colors are the colors from blue to green and purple. These colors are said to bring to mind coolness, like water.
Shades, tints and tones
You can create shades, tints and tones of a color by adding black, grey and white to a base hue.
Shade
A shade is created by adding black to a base hue, darkening the color. This creates a deeper, richer color. Shades can be quite dramatic and can be overpowering.
Tint
A tint is created by adding white to a base hue, lightening the color. This can make a color less intense, and is useful when balancing more vivid color combinations.
Tones
A tone is created by combining black and white—or grey—with a base hue. Like tints, tones are subtler versions of the original color. Tones are less likely to look pastel, and can reveal complexities not apparent in the base color.
Hue, Saturation and Luminance
A hue is basically any color on the color wheel. When you are using a color wheel or a color picker, you can adjust the saturation and luminance of a hue.
Saturation is the intensity or purity of the color.
Luminance is the amount of brightness or light in a color.
About The Author
