Color Harmonies Calculator
Enter a hex color and explore six classic harmony types on an interactive color wheel. Click any swatch to copy its hex code.
#
Complementary
Analogous
Triadic
Tetradic / Square
Split-Complementary
Monochromatic
About color harmonies
Color harmonies are combinations of colors derived from their positions on the color wheel. Complementary colors sit opposite each other for maximum contrast, analogous colors are neighbors that create smooth, cohesive palettes, and triadic colors are evenly spaced for vibrant balance.
This calculator supports six harmony types: complementary, analogous, triadic, tetradic (square), split-complementary, and monochromatic. Understanding these relationships helps designers build palettes that feel intentional rather than random. Enter any hex color to see all six harmonies visualized on an interactive color wheel with exportable CSS and Tailwind code.