🎨 Complementary Color Finder
Enter a color and get its exact complementary — the hue directly opposite on the wheel — plus nearby split-complementary options.
Complementary
Exact hue rotations on the color wheel, with HEX, HSL and OKLCH codes. 🔒 Computed in your browser.
How the complementary color finder works
The complementary color is the base hue rotated 180° on the color wheel, keeping saturation and lightness. The tool computes it exactly and also shows the split-complementary pair (+150°/210°) for a softer high-contrast option, each with HEX, HSL and OKLCH.
Complementary pairs give the strongest color contrast, which is why they draw the eye — useful for a call-to-action against a base brand color. For a less intense version, the split-complementary neighbours are shown too.
Frequently asked questions
What is a complementary color?
The color directly opposite on the color wheel — the base hue plus 180°. Blue's complement is orange; red's is cyan-green. Complementary pairs create the highest contrast.
How do I find a complementary color?
Add 180° to the hue. Enter your color and the tool does it exactly, returning the complement in HEX, HSL and OKLCH.
What is split-complementary?
Instead of the exact opposite, it uses the two hues either side of it (+150° and +210°). This keeps strong contrast but is less harsh — the tool shows these as well.
Do complementary colors always look good together?
They contrast strongly, which is powerful but can vibrate at full saturation. Muting one or using it only as an accent usually reads better — adjust lightness in the OKLCH value shown.
Is my color uploaded?
No — the computation is entirely in your browser.