Complementary Palette Generator

The Complementary color scheme is used for bold and dynamic designs by pairing colors that are opposite each other on the color wheel.

Complementary palette steps:

  • Step 1: We convert the base color #FF5722 to HSL to get 14°, 100.00%, and 56.67%.
  • Step 2: The complementary hue is calculated as 14° + 180° = 194° (wrapped within 0-360°).
  • Step 3: We keep the same saturation and lightness and convert 194° back to HEX, resulting in #22cbff.
Complementary palette for #FF5722
#FF5722
#22CBFF