Split Complementary Color: What It Is and How It Works in a Logo Palette

A split complementary color scheme starts with one base hue and pairs it with the two hues that sit on either side of its direct complement, instead of the complement itself. The result is a three-hue palette that keeps strong contrast against the base color but spreads that contrast across two related accents. For logo work, that usually means one dominant brand color and two supporting colors that read as clearly different from it without competing as a single head-to-head opposite.

How the scheme is built on a color wheel

On a color wheel, a hue's complement sits directly opposite it, 180 degrees away. A split complementary palette replaces that single opposite with its two neighbors, commonly placed 30 degrees to either side of the complement. That puts the two accent hues at 150 and 210 degrees from the base. Some tools let you widen or narrow that split; the underlying idea stays the same.

Base hue:      H
Split accent:  (H + 150) mod 360
Split accent:  (H + 210) mod 360

Example on an HSL hue wheel:
Base     0    red
Accent   150  spring green
Accent   210  azure

Which wheel you use changes the answer. The traditional painter's wheel (red, yellow, blue) and the digital RGB/HSL wheel place hues differently, so the complement of red is green on the first and cyan on the second. On a painter's wheel, red's split complements are usually described as yellow-green and blue-green; on an HSL wheel they land near spring green and azure. Most digital palette generators work from an RGB-based wheel, so expect their output to differ from a printed art-class wheel.

How it differs from other color schemes

Scheme | Hue relationship | Typical character

Complementary | Base plus the hue directly opposite | Maximum hue contrast; two equally saturated opposites can appear to vibrate where they meet

Split complementary | Base plus the two neighbors of its complement | High contrast with more room to balance accents

Analogous | Base plus adjacent hues | Low hue contrast; cohesive and calm

Triadic | Three hues evenly spaced, 120 degrees apart | Balanced, but all three hues tend to carry similar visual weight

Tetradic (double complementary) | Two complementary pairs | Rich range; harder to keep from feeling busy

Designers often describe split complementary palettes as easier to balance than straight complementary pairs, because neither accent is a direct opposite of the base. Treat that as common design guidance rather than a measured rule; how a palette actually reads still depends on the saturation, lightness and proportion of each color.

Applying a split complementary palette to a logo

• Give the base hue the dominant role, such as the main symbol or wordmark, and use the two accents in smaller areas.
• Vary lightness and saturation between the three colors so they do not compete at equal intensity.
• Check contrast between each color and the backgrounds the logo will sit on, and against each other where elements touch or overlap.
• Confirm the mark still works in a single color and in grayscale, since hue contrast alone disappears in those versions.
• Decide early whether all three hues belong in the logo itself or whether one accent is better reserved for the wider brand system.

Setting up the palette in vector artwork

Define each of the three colors as a named swatch in your vector editor rather than leaving them as loose fill values. Many editors support global or linked swatches, so adjusting a swatch updates every object that uses it, which makes it practical to fine-tune the split angle or saturation across the whole mark. Record each color's value for every mode you deliver: RGB or hex for screens, CMYK for process printing, and a spot color reference where the brand requires one. Hue relationships calculated on an HSL wheel can shift once colors are converted into a narrower print gamut, so check the converted values visually rather than assuming the relationship survives.

The palette is only editable if the logo's colored areas are actual vector objects. A file named with an SVG, AI, EPS or PDF extension can still contain an embedded raster image or rely on a raster preview, and colors inside a raster cannot be reassigned through swatches. Opening the file in a vector editor and inspecting its paths, for example in an outline view, is the reliable way to confirm what you are working with.

If you are experimenting with a split complementary palette on an existing logo you did not create, being able to download the file does not grant permission to recolor or republish it. The artwork, any fonts it uses and the trademark itself may each carry separate terms, and brand guidelines frequently specify approved colors.

Limits of this overview

No specific brand examples, palette tool specifications or measured perception data were available for this article, so it covers the general color-wheel principle and standard vector file practice only. Exact color values for any palette should be generated and verified in your own tools, on the wheel model and color modes your project actually uses.