How is this different from a triadic scheme?

A triadic scheme spaces three colors evenly at 120° apart; a split-complementary scheme instead uses the base color plus the two hues flanking its direct complement (180° ± 30°), offering a gentler contrast.

When should I use a split-complementary scheme?

It's popular in design because it provides strong visual interest and contrast, similar to a complementary scheme, but with more nuance and less potential for visual tension.

Split-Complementary Color Calculator

Generate a split-complementary color scheme from a base hex color — the two colors adjacent to its direct complement on the color wheel (base hue + 150° and + 210°). This scheme offers strong visual contrast with less tension than a direct complementary pairing.

Inputs

Results

Base Color: #3B82F6
Split Color 1 (+150°): #F6523B
Split Color 2 (+210°): #DFF63B

Try an example

Formula

Split Colors = Base Hue + 150° and Base Hue + 210° (same saturation/lightness)

Learn How This Works

Color Harmony Schemes: Complementary, Triadic, Analogous, and More

How complementary, triadic, analogous, split-complementary, and monochromatic color schemes are each generated from a single base hue.

Frequently Asked Questions

Related Calculators

Complementary Color Calculator

Find the complementary color for any hex color.

Triadic Color Scheme Calculator

Generate a triadic (three-color) palette from any hex color.

HEX to RGB Converter

Convert a hex color code to RGB values, or RGB to hex.

Color Contrast Checker

Check the WCAG contrast ratio between two colors for accessibility.

RGB to HSL Converter

Convert an RGB color to HSL (hue, saturation, lightness).

Color Shade & Tint Generator

Generate lighter and darker shades of a base hex color.