Complementary Color Finder

Pick a color and get its opposite on the color wheel. Use the pair for strong contrast, accents, or balanced layouts. Copy values in HEX, RGB, or HSL.

#3498db
#db7534

Base

HEX
#3498db
RGB
52, 152, 219
HSL
204, 70%, 53%

Opposite

HEX
#db7534
RGB
219, 117, 52
HSL
24, 70%, 53%

Color wheel: base and opposite

Preset pairs

Tips

  • Use opposite colors for buttons, links, or call-to-actions to create impact.
  • Pair with neutrals so the two colors do not overwhelm the layout.
  • Check contrast for text and backgrounds so text stays readable.