Color Harmonizer

Find harmonious color combinations from any base color. Calculates complementary, analogous, triadic, split-complementary, tetradic, and square harmonies.

All processing happens in your browser. No data is uploaded.
Offline Ready

Color Harmonizer

Find harmonious color combinations from any base color. Calculates complementary, analogous, triadic, split-complementary, tetradic, and square harmonies.

🔒All processing happens in your browser. No data is uploaded.
Base Color
hsl(221, 83%, 53%)
rgb(37, 99, 235)
#2563EB
All Harmonies
Color Wheel
Complementary
2 colors

Two colors opposite each other on the color wheel. High contrast, vibrant look.

Base#2563EBrgb(37, 99, 235)
Complement#EBAD25rgb(235, 173, 37)
Analogous
5 colors

Colors adjacent on the wheel. Harmonious, natural feel with low contrast.

-30°#25C6EBrgb(37, 198, 235)
-15°#2594EBrgb(37, 148, 235)
Base#2563EBrgb(37, 99, 235)
+15°#2531EBrgb(37, 49, 235)
+30°#4A25EBrgb(74, 37, 235)
Triadic
3 colors

Three colors equally spaced (120 degrees apart). Balanced and vibrant.

Base#2563EBrgb(37, 99, 235)
+120°#EB2563rgb(235, 37, 99)
+240°#63EB25rgb(99, 235, 37)
Split Complementary
3 colors

Base color plus two colors adjacent to its complement. Strong contrast with less tension.

Base#2563EBrgb(37, 99, 235)
+150°#EB4A25rgb(235, 74, 37)
+210°#C6EB25rgb(198, 235, 37)
Tetradic (Rectangle)
4 colors

Four colors forming a rectangle on the wheel. Rich palette, works best with one dominant color.

Base#2563EBrgb(37, 99, 235)
+60°#AD25EBrgb(173, 37, 235)
+180°#EBAD25rgb(235, 173, 37)
+240°#63EB25rgb(99, 235, 37)
Square
4 colors

Four colors evenly spaced (90 degrees apart). Bold and dynamic, all colors equally vibrant.

Base#2563EBrgb(37, 99, 235)
+90°#EB25C6rgb(235, 37, 198)
+180°#EBAD25rgb(235, 173, 37)
+270°#25EB4Argb(37, 235, 74)