Complementary color finder.
Enter a color and see its opposite on the color wheel, plus four more schemes that go with it. Every color is ready to copy as HEX, RGB or HSL.
Base color
Drag a dot round the wheel to turn the colors.
- rgb(255, 0, 244)hsl(303, 100%, 50%)
- rgb(0, 255, 11)hsl(123, 100%, 50%)
Free tool, no warranty, no liability. The result is produced automatically by a free tool from transjt.ai, nothing more. It can be incomplete or wrong. transjt.ai gives no warranty and accepts no liability for decisions or changes based on it; check every result before you use it.
Complementary colors in three steps.
- 01
Pick your color
Type a HEX code or choose it in the picker.
- 02
Choose a scheme
Complementary, split complementary, analogous, triadic or square.
- 03
Copy the colors
Click a color to copy its HEX code, or copy RGB and HSL beside it.
Try it with your build.
Design your website today, launch tomorrow.
Start for FreeBook a demo
The color directly opposite on the color wheel, 180 degrees round. The pair gives the strongest contrast of hue, which is why complementary accents stand out, for example a button on a page in its opposite color.
The screen wheel of red, green and blue light, the one HEX, RGB and HSL are based on. The painter’s wheel of red, yellow and blue puts some opposites elsewhere, for example red against green instead of cyan.
Split complementary takes the two neighbours of the opposite color, for contrast that is easier on the eye. Analogous takes the neighbours of your color, for calm palettes. Triadic and square spread three or four colors evenly round the wheel.
Keep one color dominant and use its complement sparingly, for calls to action, links or highlights. A common split is 60 % main color, 30 % neutral, 10 % accent.
Yes, with no sign-up and no limits.
Related tools.
- Color picker from imageClick any point of a picture for its HEX and RGB.
- Color palette from imageThe main colors of a picture, most common first.
- RGB to HEXRed, green and blue values to a HEX code, as you type.
- HEX to RGBA HEX code to red, green and blue values, as you type.
- CMYK to RGBPrint values to screen colors, with the HEX code.
- Color contrast checkerCheck text and background colors against WCAG AA and AAA.
- All color toolsHEX, RGB and CMYK codes, complementary colors, a color picker and image palettes.
- All free toolsSmall tools for the jobs around a website: images, colors, sizes and fonts, alt text, prompts for AI builders, and a check whether AI agents can use your site. The converters run in your browser, so nothing is uploaded.
Design your website today, launch tomorrow.
At transjt, every second counts. That’s why our mission is simple: save you time and remove friction from your workflow.