What makes split-complementary different from complementary?

Instead of the single color directly opposite (180 degrees), split-complementary uses the two colors on either side of that opposite, typically at 150 and 210 degrees. This gives contrast with less tension.

When would I choose split-complementary over triadic?

Split-complementary is less visually aggressive than triadic. It gives a dominant color with two harmonizing accents, while triadic gives three colors of equal visual weight.

What is the angle offset used?

The standard split is 30 degrees on each side of the complement, giving angles of 150 and 210 degrees from the base hue.

Can beginners use split-complementary safely?

Yes. It is one of the more forgiving color harmonies because the two accent colors are not direct opposites of each other, making it easier to balance.

Split Complementary Color Finder Online

Enter a base color and get the two colors flanking its complement at 150 and 210 degrees.

Color

Summary

Enter a base color and get the two colors flanking its complement at 150 and 210 degrees.

How it works

Enter a HEX or RGB base color
The tool returns the two split-complement colors
Preview all three colors together before copying

Use cases

Create lower-tension contrast than direct complements
Design softer accent color pairs
Build three-color UI palettes with less visual clash

Frequently Asked Questions

Last updated: 2026-09-26 · Reviewed by Nham Vu

Split Complementary Color Finder Online

Use the Split Complementary Color Finder Online

Summary

How it works

Use cases

Frequently Asked Questions