Dev Tools

Color Harmonies

Calculate complementary, triadic, split-complementary, analogous, and tetradic color harmonies from a base color.

Base Color
HSL: 243°, 75%, 59%
Complementary
#5048e5#dde548
Analogous
#488fe5#5048e5#9e48e5
Triadic
#5048e5#e55048#48e550
Split-Complementary
#5048e5#e59e48#8fe548
Tetradic (Square)
#5048e5#e5488f#dde548#48e59e
Tetradic (Rectangular)
#5048e5#e548dd#dde548#48e550
Was this page helpful?

Related tools