pngtoolskit.org
PNG and image utilities, in the browser
Say hi →

Split-Complementary Color Generator

base + two colours flanking its opposite · click to copy

Split-complementary takes the strong contrast of a complementary pair and softens it: instead of the exact opposite, you get the two colours either side of it. The result keeps the punch while being easier to balance — a favourite of designers who find straight complements too harsh. Computed in your browser; click a swatch to copy.

Ready.

Why designers reach for it

A split-complementary scheme gives you three colours: your base and the two sitting 150° and 210° around the wheel. You get near-complementary contrast without the tension of a dead-on opposite, and a built-in third colour for accents. It's a reliable, low-risk way to build a three-colour palette.

FAQ

How is this different from complementary?

Complementary is one opposite colour (180°). Split-complementary replaces it with the two neighbours of that opposite, for gentler contrast and an extra colour.

Other three-colour schemes?

See triadic (three evenly spaced) or analogous (three neighbours).