Pick any color and there is exactly one hue directly opposite it on the color wheel — its complement. This tool finds that opposite instantly, a calculation that used to require an actual paper color wheel or a trained eye.
Three centuries of arguing about opposite colors
Isaac Newton first arranged colors in a circle in 1666, but it was 18th and 19th century color theorists — Moses Harris, whose 1766 "Natural System of Colours" was one of the first printed color wheels, and later Michel Eugène Chevreul, a French chemist who studied why colors appear to change next to each other while working at the Gobelins tapestry works in the 1820s — who formalized the idea that colors directly opposite each other create maximum visual contrast and vibrancy when placed side by side. This effect, "simultaneous contrast," is why complementary pairs like orange and blue, or red and green, are a go-to combination in flags, sports branding and film color grading.
How the complement is calculated
In HSL terms the math is simple: rotate the hue exactly 180° around the 360° color wheel while keeping saturation and lightness unchanged. A hue of 30° (orange) becomes 210° (a blue); a hue of 0° (red) becomes 180° (cyan/teal). The tool converts your input to HSL, adds 180° to the hue (wrapping past 360° back to 0 if needed), and converts back to hex and RGB for immediate use.
Where complementary pairs show up
- Film color grading — the "orange and teal" look common in Hollywood blockbusters exploits the fact that skin tones sit near orange, so pushing shadows toward teal maximizes contrast against faces.
- Sports and national branding — many team and flag colors use near-complementary pairs specifically because they read clearly from a distance.
- Call-to-action buttons — a complementary accent color against a site's dominant hue is a common technique to make a single button visually pop without changing its size.
- Data highlighting — using a complement to flag a single data point of interest against an otherwise monochrome chart.
Frequently asked questions
Is the complementary color always "correct" to use together? It maximizes contrast and vibrancy, which can also mean visual tension — designers often desaturate one of the two colors, or use the complement only as a small accent, rather than pairing both at full strength.
Why does my complement look different from the "opposite" color on a paint color wheel? Traditional pigment (subtractive/RYB) color wheels, still taught in some art classes, place complements differently than the HSL/RGB (additive) wheel this tool uses — RYB and RGB agree on some pairs (like red/green) but not others.
Does lightness or saturation change in the complement? No — only hue rotates; the complement keeps the same saturation and lightness as your original color, so the two feel like a matched pair rather than unrelated tones.
Further reading
Wikipedia — Complementary colors — History of the concept from Chevreul's simultaneous contrast to modern RGB-based complements.