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 #3B6671 to #3B7166 and to #663B71
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#3B686F#3C676F#3D6570#3E6470#3F6270#416171#425F71
#3B6A6D#3D676E#3F646E#42616F#445E70#465C70#495871
#3B6B6C#3E676D#42636E#455F6E#485A6F#4C5670#505171
#3B6D6A#3F676B#44626C#485C6D#4D576E#515170#574A71
#3B6F68#406869#46616B#4B5A6C#51536E#564D6F#5D4471
#3B7166#426868#49606A#50576B#574E6D#5D466F#663B71

Colorpallet from #3B6671 to #3B7166 and to #66713B
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#3B686F#3C686E#3D686D#3E686C#3F686B#416869#426868
#3B6A6D#3D6A6B#3F6A69#426A67#446A65#466A63#496A60
#3B6B6C#3E6B69#426B65#456B62#486B5F#4C6B5B#506B57
#3B6D6A#3F6D66#446D61#486D5D#4D6D58#516D54#576D4E
#3B6F68#406F63#466F5D#4B6F58#516F52#566F4D#5D6F46
#3B7166#42715F#497158#507151#57714A#5D7144#66713B

Colorpallet from #3B6671 to #3B7166 and to #713B66
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#3B686F#3C676F#3E656F#3F646F#41626F#42616F#445F6F
#3B6A6D#3E676D#40646D#43616D#465E6D#495C6D#4C586D
#3B6B6C#3F676C#43636C#475F6C#4C5A6C#50566C#55516C
#3B6D6A#41676A#46626A#4C5C6A#51576A#57516A#5E4A6A
#3B6F68#426868#496168#505A68#575368#5D4D68#664468
#3B7166#446866#4C6066#555766#5E4E66#664666#713B66

Colorpallet from #3B6671 to #3B7166 and to #71663B
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#3B686F#3C686E#3E676D#3F676C#41676B#426669#446668
#3B6A6D#3E696B#406969#436867#466765#496763#4C6660
#3B6B6C#3F6A69#436965#476962#4C685F#50675B#556657
#3B6D6A#416C66#466B61#4C6A5D#516958#576754#5E664E
#3B6F68#426E63#496C5D#506B58#576952#5D684D#666646
#3B7166#446F5F#4C6D58#556C51#5E6A4A#666844#71663B

Colorpallet from #3B6671 to #663B71 and to #66713B
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#425F71#426070#42626E#42636D#42656B#42666A#426868
#495871#495B6E#495E6C#496169#496466#496663#496A60
#505171#50556D#505969#505D65#506260#50665C#506B57
#574A71#57506B#575566#575B60#57605B#576655#576D4E
#5D4471#5D4B6A#5D5263#5D595C#5D6055#5D664F#5D6F46
#663B71#664468#664C60#665557#665E4E#666646#66713B

Colorpallet from #3B6671 to #663B71 and to #713B66
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#425F71#425F71#435F70#435F70#435F70#445F6F#445F6F
#495871#495870#4A5870#4A586F#4B586E#4B586E#4C586D
#505171#515170#52516F#52516F#53516E#54516D#55516C
#574A71#584A70#594A6F#5A4A6E#5B4A6D#5D4A6B#5E4A6A
#5D4471#5E4470#60446E#61446D#63446B#64446A#664468
#663B71#683B6F#6A3B6D#6B3B6C#6D3B6A#6F3B68#713B66

Colorpallet from #3B6671 to #663B71 and to #71663B
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#425F71#426070#43616E#43626D#43636B#44656A#446668
#495871#495A6E#4A5C6C#4A5F69#4B6166#4B6363#4C6660
#505171#51546D#525869#525B65#535E60#54625C#556657
#574A71#584E6B#595366#5A5760#5B5C5B#5D6055#5E664E
#5D4471#5E496A#604F63#61545C#635A55#645F4F#666646
#663B71#684268#6A4960#6B5057#6D574E#6F5D46#71663B

Colorpallet from #3B6671 to #66713B and to #713B66
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#426868#426769#43656A#43646B#43626C#44616E#445F6F
#496A60#496762#4A6464#4A6166#4B5E68#4B5C6A#4C586D
#506B57#51675A#52635E#525F61#535A64#545668#55516C
#576D4E#586752#596257#5A5C5B#5B5760#5D5164#5E4A6A
#5D6F46#5E684B#606151#615A56#63535C#644D61#664468
#66713B#686842#6A6049#6B5750#6D4E57#6F465D#713B66

Colorpallet from #3B6671 to #66713B and to #71663B
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#426868#426868#436768#436768#436768#446668#446668
#496A60#496960#4A6960#4A6860#4B6760#4B6760#4C6660
#506B57#516A57#526957#526957#536857#546757#556657
#576D4E#586C4E#596B4E#5A6A4E#5B694E#5D674E#5E664E
#5D6F46#5E6E46#606C46#616B46#636946#646846#666646
#66713B#686F3B#6A6D3B#6B6C3B#6D6A3B#6F683B#71663B

Colorpallet from #3B6671 to #713B66 and to #71663B
#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671#3B6671
#445F6F#44606E#44616D#44626C#44636B#446569#446668
#4C586D#4C5A6B#4C5C69#4C5F67#4C6165#4C6363#4C6660
#55516C#555469#555865#555B62#555E5F#55625B#556657
#5E4A6A#5E4E66#5E5361#5E575D#5E5C58#5E6054#5E664E
#664468#664963#664F5D#665458#665A52#665F4D#666646
#713B66#71425F#714958#715051#71574A#715D44#71663B