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:
#8ecf3f; rgb(142,207,63); hsl(87,60%,53%);
black
black
white
white
Complementary colors:
Analogous harmony (H+30):
#46cf3f; rgb(70,207,63); hsl(117,60%,53%);
black
black
white
white
Analogous harmony (H-30):
#cfc83f; rgb(207,200,63); hsl(57,60%,53%);
black
black
white
white
Triadic harmony (H+120):
#3f8dcf; rgb(63,141,207); hsl(207,60%,53%);
black
black
white
white
Triadic harmony (H-120):
#cf3f8c; rgb(207,63,140); hsl(327,60%,53%);
black
black
white
white
Split complements harmony (H+150):
#3f45cf; rgb(63,69,207); hsl(237,60%,53%);
black
black
white
white
Split complements harmony (H-150):
#ca3fcf; rgb(202,63,207); hsl(297,60%,53%);
black
black
white
white
Complement harmony (H+180):
#823fcf; rgb(130,63,207); hsl(267,60%,53%);
black
black
white
white
Monochromatic harmony (S+30):
#91f31b; rgb(145,243,27); hsl(87,90%,53%);
black
black
white
white
Monochromatic harmony (S-30):
#8aab63; rgb(138,171,99); hsl(87,30%,53%);
black
black
white
white
Monochromatic harmony (L+10):
#a6d968; rgb(166,217,104); hsl(87,60%,63%);
black
black
white
white
Monochromatic harmony (L-10):
#74af2c; rgb(116,175,44); hsl(87,60%,43%);
black
black
white
white