Enter a base color and get the two colors flanking its complement at 150 and 210 degrees.
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
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.
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.
The standard split is 30 degrees on each side of the complement, giving angles of 150 and 210 degrees from the base hue.
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.
