HTML Color Codes - Hex Colors - Color Spectrum

Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors

Colorpallet from #3C60C9 to #3CC960 and to #603CC9
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#3C71B8#3D6DBB#3E6ABD#3F66C0#4062C3#415FC6#425AC9
#3C82A7#3E7BAC#4073B2#426CB7#4465BD#465DC2#4854C9
#3C9297#3F879F#417DA7#4472AF#4767B7#4A5CBF#4D4FC9
#3CA386#409591#43869B#4778A6#4B69B1#4E5BBC#5349C9
#3CB475#41A282#459090#4A7E9D#4F6CAB#535AB8#5943C9
#3CC960#42B271#489C82#4D8592#536FA3#5958B4#603CC9

Colorpallet from #3C60C9 to #3CC960 and to #60C93C
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#3C71B8#3D71B7#3E71B6#3F71B5#4071B4#4171B3#4271B2
#3C82A7#3E82A5#4082A3#4282A2#4482A0#46829E#48829C
#3C9297#3F9294#419291#44928E#47928B#4A9289#4D9285
#3CA386#40A382#43A37F#47A37B#4BA377#4EA374#53A36F
#3CB475#41B470#45B46C#4AB467#4FB462#53B45E#59B458
#3CC960#42C95A#48C954#4DC94F#53C949#59C943#60C93C

Colorpallet from #3C60C9 to #3CC960 and to #C93C60
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#3C71B8#406DB8#436AB8#4766B8#4B62B8#4E5FB8#535AB8
#3C82A7#437BA7#4A73A7#526CA7#5965A7#605DA7#6954A7
#3C9297#478797#527D97#5D7297#686797#725C97#804F97
#3CA386#4A9586#598686#677886#766986#845B86#964986
#3CB475#4EA275#609075#727E75#846C75#965A75#AD4375
#3CC960#53B260#699C60#808560#966F60#AD5860#C93C60

Colorpallet from #3C60C9 to #3CC960 and to #C9603C
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#3C71B8#406EB7#436CB6#4769B5#4B66B4#4E63B3#5360B2
#3C82A7#437DA5#4A77A3#5272A2#596CA0#60679E#69609C
#3C9297#478A94#528291#5D7A8E#68728B#726A89#806085
#3CA386#4A9882#598E7F#67837B#767877#846D74#96606F
#3CB475#4EA770#60996C#728C67#847E62#96715E#AD6058
#3CC960#53B85A#69A754#80974F#968649#AD7543#C9603C

Colorpallet from #3C60C9 to #603CC9 and to #60C93C
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#425AC9#425EC5#4261C2#4265BE#4269BA#426CB7#4271B2
#4854C9#485BC2#4863BB#486AB3#4871AC#4879A5#48829C
#4D4FC9#4D5ABE#4D64B3#4D6FA8#4D7A9D#4D8593#4D9285
#5349C9#5357BB#5366AC#53749E#53838F#539181#53A36F
#5943C9#5955B7#5967A5#597993#598B81#599D6F#59B458
#603CC9#6053B2#60699C#608085#60966F#60AD58#60C93C

Colorpallet from #3C60C9 to #603CC9 and to #C93C60
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#425AC9#455AC6#475AC4#4A5AC1#4D5ABE#505ABB#535AB8
#4854C9#4D54C4#5354BE#5854B9#5D54B3#6254AE#6954A7
#4D4FC9#554FC1#5D4FB9#654FB1#6E4FA9#764FA1#804F97
#5349C9#5E49BE#6849B4#7349A9#7E499E#894993#964986
#5943C9#6643BC#7443AE#8143A1#8F4393#9C4386#AD4375
#603CC9#713CB8#823CA7#923C97#A33C86#B43C75#C93C60

Colorpallet from #3C60C9 to #603CC9 and to #C9603C
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#425AC9#455BC5#475CC2#4A5DBE#4D5EBA#505FB7#5360B2
#4854C9#4D56C2#5358BB#585AB3#5D5CAC#625EA5#69609C
#4D4FC9#5552BE#5D54B3#6557A8#6E5A9D#765D93#806085
#5349C9#5E4DBB#6850AC#73549E#7E588F#895B81#96606F
#5943C9#6648B7#744CA5#815193#8F5681#9C5A6F#AD6058
#603CC9#7142B2#82489C#924D85#A3536F#B45958#C9603C

Colorpallet from #3C60C9 to #60C93C and to #C93C60
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#4271B2#456DB3#476AB4#4A66B5#4D62B6#505FB7#535AB8
#48829C#4D7B9E#5373A0#586CA1#5D65A3#625DA5#6954A7
#4D9285#558788#5D7D8B#65728E#6E6791#765C93#804F97
#53A36F#5E9573#688676#73787A#7E697E#895B81#964986
#59B458#66A25D#749061#817E66#8F6C6B#9C5A6F#AD4375
#60C93C#71B242#829C48#92854D#A36F53#B45859#C93C60

Colorpallet from #3C60C9 to #60C93C and to #C9603C
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#4271B2#456EB2#476CB2#4A69B2#4D66B2#5063B2#5360B2
#48829C#4D7D9C#53779C#58729C#5D6C9C#62679C#69609C
#4D9285#558A85#5D8285#657A85#6E7285#766A85#806085
#53A36F#5E986F#688E6F#73836F#7E786F#896D6F#96606F
#59B458#66A758#749958#818C58#8F7E58#9C7158#AD6058
#60C93C#71B83C#82A73C#92973C#A3863C#B4753C#C9603C

Colorpallet from #3C60C9 to #C93C60 and to #C9603C
#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9#3C60C9
#535AB8#535BB7#535CB6#535DB5#535EB4#535FB3#5360B2
#6954A7#6956A5#6958A3#695AA2#695CA0#695E9E#69609C
#804F97#805294#805491#80578E#805A8B#805D89#806085
#964986#964D82#96507F#96547B#965877#965B74#96606F
#AD4375#AD4870#AD4C6C#AD5167#AD5662#AD5A5E#AD6058
#C93C60#C9425A#C94854#C94D4F#C95349#C95943#C9603C