What is the 3 color rule in web design?

The rule of 3 colors is simple: pick one primary color. Then, pick two other complementary colors. See the example below. We picked a main hue (a variation red), and complemented it with two different colors.