Color Harmony Calculator

Calculate harmonious color combinations based on color theory. Select a base color and explore complementary, analogous, triadic, and other harmony relationships.

Complementary

Two colors directly opposite on the color wheel (180 degrees apart)

Analogous

Three colors adjacent on the color wheel (30 degrees apart)

Triadic

Three colors evenly spaced around the wheel (120 degrees apart)

Tetradic (Square)

Four colors evenly spaced around the wheel (90 degrees apart)

Split Complementary

Base color plus two colors adjacent to its complement (150 and 210 degrees)

Monochromatic

Single hue with varying saturation and lightness levels

Understanding Color Harmony

  • Color harmonies are based on the traditional 12-part color wheel
  • Different harmonies create different moods: complementary for excitement, analogous for calm
  • In design, use the 60-30-10 rule: 60% dominant color, 30% secondary, 10% accent
  • Click the info icon on each harmony to learn about its color theory principles
  • Click any color swatch to copy its hex value, or copy the entire palette at once

FAQ

What is color harmony?

Color harmony refers to color combinations that are visually pleasing. These are based on the positions of colors on the color wheel and follow predictable patterns that create balanced, aesthetically appealing palettes.

What harmony types are available?

The calculator supports complementary (opposite colors), analogous (adjacent colors), triadic (three evenly spaced), split-complementary, tetradic/square (four colors), and monochromatic schemes.

Which harmony should I use?

Complementary creates high contrast and energy. Analogous is calming and cohesive. Triadic offers vibrant variety. Split-complementary provides contrast with less tension. Choose based on your design goals.

Related Tools