Complementary Color
Find the complementary color for any hex color. The color 180° opposite it on the color wheel. Free and private, right in your browser.
Paste in any color and instantly get its opposite. The RGB-inverted complement used for contrast checks, accent pairs, and quick color-wheel lookups, all computed locally in your browser.
How to use it
- Paste or pick your starting color (hex, RGB, or HSL)
- View the computed complementary color and swatch
- Copy the new hex/RGB/HSL value for your design
Frequently asked questions
- How is the complementary color calculated?
- It takes the RGB value, inverts each channel (255 minus the value), and that's the complement, same method used for a quick opposite-on-the-wheel color, not a perceptual color-theory model.
- Is a complementary color the same as what I'd get from a color wheel?
- Close but not identical. RGB inversion gives the mathematical opposite in the sRGB cube, which usually matches traditional color-wheel complements for saturated hues but can diverge slightly for muted or pastel colors.
- What formats can I paste in?
- Hex (#3366ff), rgb(), and hsl() all work. Paste any of them and get the complement back in the same format plus hex.
- 1
Nothing is uploaded
The file never leaves your device. There is no server to send it to, so there is nothing to leak, log, or subpoena.
- 2
No signup, no limits
No account, no email, no daily cap, no watermark, and no paid tier waiting behind the third file.
- 3
Works offline
Load the page once and it keeps working with the network off, because all the work was always happening locally.