Skip Navigation

Color Scheme Generator

A color scheme is a set of colors that work harmoniously together. Pick a base color below to instantly generate five classic harmony schemes: complementary, analogous, triadic, split-complementary and tetradic. Each scheme shows swatches with their hex codes.

Base color
Complementary
#FF0000
#00FFFF
Analogous
#FF0080
#FF0000
#FF8000
Triadic
#FF0000
#00FF00
#0000FF
Split-Complementary
#FF0000
#00FF80
#0080FF
Tetradic
#FF0000
#80FF00
#00FFFF
#8000FF

Color harmony explained

SchemeDescriptionHue offsets
ComplementaryTwo colors opposite on the wheel0°, 180°
AnalogousThree adjacent colors−30°, 0°, +30°
TriadicThree evenly spaced colors0°, 120°, 240°
Split-complementaryBase + two colors adjacent to its complement0°, 150°, 210°
TetradicFour colors forming a rectangle on the wheel0°, 90°, 180°, 270°


See also