Choose your color

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.

Hue (0-359)° [choose your color]

Saturation (0-100)% [greyful or colorful]

Lightness (0-100)% [darker or lighter]

Results

Basic color: #ca0c72; rgb(202,12,114); hsl(327,89%,42%); black black white white

Complementary colors:

Analogous harmony (H+30): #ca0c12; rgb(202,12,18); hsl(357,89%,42%); black black white white
Analogous harmony (H-30): #c40cca; rgb(196,12,202); hsl(297,89%,42%); black black white white
Triadic harmony (H+120): #74ca0c; rgb(116,202,12); hsl(87,89%,42%); black black white white
Triadic harmony (H-120): #0c73ca; rgb(12,115,202); hsl(207,89%,42%); black black white white
Split complements harmony (H+150): #14ca0c; rgb(20,202,12); hsl(117,89%,42%); black black white white
Split complements harmony (H-150): #0ccac2; rgb(12,202,194); hsl(177,89%,42%); black black white white
Complement harmony (H+180): #0cca63; rgb(12,202,99); hsl(147,89%,42%); black black white white
Monochromatic harmony (S+30): #d60073; rgb(214,0,115); hsl(327,100%,42%); black black white white
Monochromatic harmony (S-30): #aa2c70; rgb(170,44,112); hsl(327,59%,42%); black black white white
Monochromatic harmony (L+10): #f2188c; rgb(242,24,140); hsl(327,89%,52%); black black white white
Monochromatic harmony (L-10): #9a0957; rgb(154,9,87); hsl(327,89%,32%); black black white white