Split Complementary Colors Generator

Split-complementary schemes use a base color plus the two neighbors of its complement. They deliver strong visual contrast with less tension than a pure complementary pair — easier to balance in real designs.

Base Color (HEX)

Colors

What Are Split Complementary Colors?

A split-complementary color scheme uses three colors: a base color, and the two colors that sit adjacent to the base's complement (typically ±30° from 180°). For example, if the base is blue (hue 215°), the complement is orange (35°) and the split-complementary colors are yellow-orange (5°) and red-orange (65°).

Split-complementary palettes are sometimes called "compound complementary" schemes. They were popularized by the painter Johannes Itten in the Bauhaus era and remain a favorite among designers because they are more forgiving than pure complementary pairs.

Split Complementary vs Complementary

Pure complementary colors (blue + orange) create maximum visual tension — the eye vibrates when they touch. This makes them powerful for accents but harder to balance over larger areas.

Split-complementary colors distribute the same tension across two nearby hues instead of one distant hue. The base color still stands out, but the two "opposite" colors feel closer to each other and are easier to use together. The result is a palette that still pops, but with less risk of overwhelming the composition.

When to Use Split Complementary

Web interfaces: Base color for backgrounds and primary buttons, split-complementary pair for hover states and secondary actions.
Product packaging: High shelf-impact without the harshness of pure complementary.
Logos: Split-complementary palettes feel modern, energetic and design-forward.
Editorial layouts: Pull quotes, drop caps and section dividers benefit from split-complementary accenting.
Illustrations: Richer than complementary but easier to control than tetradic.

How OmniColor Generates Split Complementary

OmniColor uses the standard ±30° formula: the two accent colors are (H + 150°) and (H + 210°) mod 360. These are 30° on either side of the true complement (H + 180°). Saturation and lightness are preserved from the base color, so all three colors feel equally weighted.