Here You can set color by changing hue, saturation and lightness and watch at complimentary colors at bottom of the page or just click random color.
Basic color:
#1654d4; rgb(22,84,212); hsl(220,81%,46%);
black
black
white
white
Complementary colors:
Analogous harmony (H+30):
#3816d4; rgb(56,22,212); hsl(250,81%,46%);
black
black
white
white
Analogous harmony (H-30):
#16b3d4; rgb(22,179,212); hsl(190,81%,46%);
black
black
white
white
Triadic harmony (H+120):
#d41653; rgb(212,22,83); hsl(340,81%,46%);
black
black
white
white
Triadic harmony (H-120):
#55d416; rgb(85,212,22); hsl(100,81%,46%);
black
black
white
white
Split complements harmony (H+150):
#d43616; rgb(212,54,22); hsl(10,81%,46%);
black
black
white
white
Split complements harmony (H-150):
#b4d416; rgb(180,212,22); hsl(70,81%,46%);
black
black
white
white
Complement harmony (H+180):
#d49516; rgb(212,149,22); hsl(40,81%,46%);
black
black
white
white
Monochromatic harmony (S+30):
#004ceb; rgb(0,76,235); hsl(220,100%,46%);
black
black
white
white
Monochromatic harmony (S-30):
#3960b1; rgb(57,96,177); hsl(220,51%,46%);
black
black
white
white
Monochromatic harmony (L+10):
#346fea; rgb(52,111,234); hsl(220,81%,56%);
black
black
white
white
Monochromatic harmony (L-10):
#1141a6; rgb(17,65,166); hsl(220,81%,36%);
black
black
white
white