Complementary colors
Complementary colors sit directly opposite each other on the color wheel. Pick any color to find its partner.
How to use this tool, with screenshots →When to use complementary colors
Complementary pairs create the strongest contrast of any harmony, which makes them ideal for calls to action, sale banners and sports branding. Let one color dominate and use its complement as an accent — a 70/30 or 80/20 split usually works best.
Frequently asked questions
What is the complementary color of blue?
On the classic color wheel used here, a pure blue's complement is orange. Enter any blue HEX code above to get the exact complementary shade.
Are complementary colors accessible?
Not automatically. Two complementary colors of similar lightness can vibrate and be hard to read. Check text combinations with the contrast checker.