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 #3F5A70 to #3F705A and to #5A3F70
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#3F5E6C#405D6D#405B6D#415A6E#42596F#42586F#435670
#3F6169#405E6A#425C6B#43596C#45576D#46546F#485170
#3F6565#416167#435D69#45596A#47566C#49526E#4C4D70
#3F6862#426364#445E66#475969#4A546B#4D4F6D#504970
#3F6C5E#436661#465F64#4A5967#4D526A#514C6C#554470
#3F705A#43685E#486061#4C5865#505168#55496C#5A3F70

Colorpallet from #3F5A70 to #3F705A and to #5A703F
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#3F5E6C#405E6B#405E6B#415E6A#425E69#425E69#435E68
#3F6169#406168#426166#436165#456163#466162#486160
#3F6565#416563#436561#45655F#47655D#49655B#4C6558
#3F6862#42685F#44685D#47685A#4A6857#4D6854#506851
#3F6C5E#436C5B#466C57#4A6C54#4D6C51#516C4D#556C49
#3F705A#437056#487051#4C704D#507049#557044#5A703F

Colorpallet from #3F5A70 to #3F705A and to #703F5A
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#3F5E6C#405D6C#425B6C#435A6C#44596C#45586C#47566C
#3F6169#425E69#445C69#475969#495769#4C5469#4F5169
#3F6565#436165#475D65#4B5965#4E5665#525265#574D65
#3F6862#446362#495E62#4E5962#535462#584F62#5E4962
#3F6C5E#45665E#4B5F5E#52595E#58525E#5E4C5E#66445E
#3F705A#47685A#4F605A#57585A#5E515A#66495A#703F5A

Colorpallet from #3F5A70 to #3F705A and to #705A3F
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#3F5E6C#405D6B#425D6B#435C6A#445B69#455B69#475A68
#3F6169#426068#445F66#475E65#495D63#4C5B62#4F5A60
#3F6565#436363#476161#4B605F#4E5E5D#525C5B#575A58
#3F6862#44665F#49645D#4E615A#535F57#585D54#5E5A51
#3F6C5E#45695B#4B6657#526354#586051#5E5E4D#665A49
#3F705A#476C56#4F6951#57654D#5E6249#665E44#705A3F

Colorpallet from #3F5A70 to #5A3F70 and to #5A703F
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#435670#43576F#43596D#435A6C#435B6B#435C6A#435E68
#485170#48546D#48566B#485968#485B66#485E63#486160
#4C4D70#4C516C#4C5568#4C5964#4C5C61#4C605D#4C6558
#504970#504E6B#505366#505861#505D5C#506257#506851
#554470#554A6A#555164#55575D#555E57#556451#556C49
#5A3F70#5A4768#5A4F60#5A5758#5A5E51#5A6649#5A703F

Colorpallet from #3F5A70 to #5A3F70 and to #703F5A
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#435670#44566F#44566F#45566E#46566D#46566D#47566C
#485170#49516F#4A516E#4B516D#4C516C#4E516A#4F5169
#4C4D70#4E4D6E#504D6C#514D6B#534D69#554D67#574D65
#504970#52496E#54496C#574969#594967#5B4965#5E4962
#554470#58446D#5A446A#5D4467#604464#634462#66445E
#5A3F70#5E3F6C#613F69#653F65#683F62#6C3F5E#703F5A

Colorpallet from #3F5A70 to #5A3F70 and to #705A3F
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#435670#44576F#44576D#45586C#46596B#46596A#475A68
#485170#49526D#4A546B#4B5568#4C5766#4E5863#4F5A60
#4C4D70#4E4F6C#505168#515364#535561#55575D#575A58
#504970#524C6B#544E66#575161#59545C#5B5757#5E5A51
#554470#58486A#5A4B64#5D4F5D#605257#635651#665A49
#5A3F70#5E4368#614860#654C58#685051#6C5549#705A3F

Colorpallet from #3F5A70 to #5A703F and to #703F5A
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#435E68#445D69#445B69#455A6A#46596B#46586B#47566C
#486160#495E61#4A5C63#4B5964#4C5766#4E5467#4F5169
#4C6558#4E615A#505D5C#51595E#535660#555262#574D65
#506851#526354#545E56#575959#59545C#5B4F5F#5E4962
#556C49#58664C#5A5F50#5D5953#605256#634C5A#66445E
#5A703F#5E6843#616048#65584C#685150#6C4955#703F5A

Colorpallet from #3F5A70 to #5A703F and to #705A3F
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#435E68#445D68#445D68#455C68#465B68#465B68#475A68
#486160#496060#4A5F60#4B5E60#4C5D60#4E5B60#4F5A60
#4C6558#4E6358#506158#516058#535E58#555C58#575A58
#506851#526651#546451#576151#595F51#5B5D51#5E5A51
#556C49#586949#5A6649#5D6349#606049#635E49#665A49
#5A703F#5E6C3F#61693F#65653F#68623F#6C5E3F#705A3F

Colorpallet from #3F5A70 to #703F5A and to #705A3F
#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70#3F5A70
#47566C#47576B#47576B#47586A#475969#475969#475A68
#4F5169#4F5268#4F5466#4F5565#4F5763#4F5862#4F5A60
#574D65#574F63#575161#57535F#57555D#57575B#575A58
#5E4962#5E4C5F#5E4E5D#5E515A#5E5457#5E5754#5E5A51
#66445E#66485B#664B57#664F54#665251#66564D#665A49
#703F5A#704356#704851#704C4D#705049#705544#705A3F