Split-Complementary Colors
Create sophisticated split-complementary color schemes with advanced harmony patterns. Generate colors positioned 150° and 210° from your base color for high contrast with better balance than traditional complementary pairs. Perfect for professional design projects requiring nuanced color relationships.
🌈 Browse More Tools
Complete Guide: Split-Complementary Colors
Everything you need to know about using this tool effectively
The Split-Complementary Color tool generates a three-color palette using the split-complementary harmony. Instead of using the direct complement (180 degrees), it uses the two colors adjacent to the complement (typically 150 and 210 degrees from the base). This creates a palette with strong contrast but less tension than a direct complementary pair. All processing happens in the browser.
This tool takes a base hue and calculates two additional hues at 150 and 210 degrees on the HSL color wheel. The saturation and lightness are preserved from the base color. The output includes all three colors in hex, RGB, and HSL.
Designing a balanced color scheme
Create a three-color palette with strong contrast but less tension than complementary.
Building website color systems
Generate a split-complementary palette for use as primary, secondary, and accent colors.
Creating accessible charts
Use the three colors in data visualizations where distinct colors are needed.
Art and illustration
Find three harmonious colors for a painting or digital composition.
Pick a base color
Use the color picker or enter a hex code.
View the palette
The tool shows the base color and two split-complementary colors.
Copy colors
Click any color to copy its hex, RGB, or HSL value.
Split-complementary is a safer choice than complementary for large color areas.
Use the base as dominant, and the two split colors as accents.
Desaturate one of the three for a more balanced design.
The 150/210 degree offsets are standard but the tool uses fixed angles.
What is a split-complementary scheme?
It uses a base color plus the two colors adjacent to its complement on the color wheel (150 and 210 degrees from the base). It provides strong contrast with less tension than a direct complementary pair.
How is it different from complementary?
Complementary uses the direct opposite color (180 degrees). Split-complementary uses two colors that flank the opposite (150 and 210 degrees), creating a more nuanced palette.
Is my data sent to a server?
No. All generation happens in your browser. Nothing is transmitted.
What formats are shown?
Each color is shown in hex, RGB, and HSL.
Can I adjust the palette?
Change the base color and the palette regenerates. Adjust saturation and lightness to fine-tune.