Runs locally
Complementary Color
The opposite hue of a hex color.
Ctrl+Enter runs. Ctrl+Shift+Backspace clears.
Export and import are available after you sign in. Sign in
The opposite hue of a hex color. Runs in the browser. Nothing is uploaded.
About this tool
Find an accent color that stands out against your main color. Enter a hex value and get the color 180° away on the hue wheel, with the same saturation and lightness.
How to use it
- 01
Enter a hex color.
- 02
Read the complementary color.
- 03
Copy it into your design.
FAQ
Frequently asked questions
What is a complementary color?
The color opposite on the color wheel, such as blue for orange; together they give strong contrast.
Does it guarantee readable text?
No. Check text and background pairs with the Contrast Checker.