Split Complementary Colors
Generate split-complementary colors (base + two adjacent to the complement).
Balanced Contrast
Split-complementary offers the visual interest of complementary colors but with less tension. The base pairs with two colors adjacent to its direct complement.
Tool Features
3 Colors
Base color plus two at ±30° from the complement.
Click to Copy
Copy any color from the scheme with one click.
Degree Labels
See rotation (+150°, +210°) from your base color.
Less Tension
Softer contrast than complementary for subtle designs.
How this Split Complementary Colors works
This design tool generates split-complementary color schemes based on a starting color. It identifies the base color's complement on the wheel and selects the two colors adjacent to it. This creates a high-contrast palette that is less jarring than a direct complementary pair. Essential for graphic designers and UI artists seeking harmonious but vibrant color combinations. The tool provides Hex, RGB, and HSL values for immediate implementation in design software.
How to Use
Enter Color
Input your base HEX color.
Generate
Get split-complementary colors.
Copy
Click any color to copy.
Frequently Asked Questions
What is split-complementary?
Why use split-complementary?
Related Tools
The Split Complementary Colors is maintained by CodeItBro. We aim to provide the best free developer tools on the web. If you have feedback or suggestions, please visit our contact page.
Featured on
