Complementary Color Generator
Pick a colour and get its complement — the hue directly opposite on the colour wheel. Complementary pairs create the strongest contrast there is, which is why they pop in call-to-action buttons, sports branding, and anything that needs to grab attention. Everything is computed in your browser; click a swatch to copy its hex.
How complementary colours work
Two colours are complementary when they sit 180° apart on the wheel — red and cyan, blue and orange, yellow and violet. Placed side by side they intensify each other; blended, they cancel to gray. Use the pair sparingly: full-strength complements vibrate against each other, so it's common to keep one dominant and use the other only as an accent.
FAQ
How do I find the opposite of a color?
Enter your colour above (via the picker or a hex code) and the complement appears next to it. Click either swatch to copy its hex.
Want a softer contrast?
Try split-complementary (the two colours either side of the complement) or analogous colours for a more harmonious scheme.