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 #36486D to #366D48 and to #48366D
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#364E67#364D68#374B69#374A6A#38486B#38476C#39456D
#365461#375163#384E65#394B67#3A4869#3B466B#3C426D
#365A5B#37565E#395161#3A4D64#3C4967#3D4469#3F3F6D
#366055#385A59#3A545D#3C4F61#3E4964#404368#423C6D
#36664F#385F54#3A5859#3D515D#3F4A62#414367#443A6D
#366D48#39644E#3C5B54#3F535A#424A60#444166#48366D

Colorpallet from #36486D to #366D48 and to #486D36
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#364E67#364E67#374E66#374E66#384E65#384E65#394E64
#365461#375460#38545F#39545E#3A545D#3B545C#3C545B
#365A5B#375A5A#395A58#3A5A57#3C5A56#3D5A55#3F5A53
#366055#386053#3A6051#3C6050#3E604E#40604C#42604A
#36664F#38664D#3A664B#3D6648#3F6646#416644#446641
#366D48#396D45#3C6D42#3F6D3F#426D3C#446D3A#486D36

Colorpallet from #36486D to #366D48 and to #6D3648
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#364E67#374D67#394B67#3A4A67#3C4867#3D4767#3F4567
#365461#395161#3C4E61#3F4B61#424861#444661#484261
#365A5B#3A565B#3E515B#424D5B#47495B#4B445B#503F5B
#366055#3C5A55#415455#474F55#4C4955#524355#593C55
#36664F#3D5F4F#44584F#4B514F#524A4F#59434F#623A4F
#366D48#3F6448#485B48#505348#594A48#624148#6D3648

Colorpallet from #36486D to #366D48 and to #6D4836
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#364E67#374D67#394C66#3A4B66#3C4A65#3D4965#3F4864
#365461#395260#3C505F#3F4E5E#424C5D#444A5C#48485B
#365A5B#3A575A#3E5458#425157#474E56#4B4C55#504853
#366055#3C5C53#415851#475450#4C514E#524D4C#59484A
#36664F#3D614D#445C4B#4B5848#525346#594E44#624841
#366D48#3F6745#486142#505B3F#59553C#624F3A#6D4836

Colorpallet from #36486D to #48366D and to #486D36
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#39456D#39466C#39486A#394969#394B67#394C66#394E64
#3C426D#3C456A#3C4867#3C4B64#3C4E61#3C505F#3C545B
#3F3F6D#3F4369#3F4865#3F4C61#3F505C#3F5558#3F5A53
#423C6D#424267#424862#424D5C#425357#425951#42604A
#443A6D#444166#44485F#444F58#445651#445D4A#446641
#48366D#483F64#48485B#485053#48594A#486241#486D36

Colorpallet from #36486D to #48366D and to #6D3648
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#39456D#3A456C#3B456B#3C456A#3D4569#3E4568#3F4567
#3C426D#3E426B#404269#424267#444265#464263#484261
#3F3F6D#423F6A#443F67#473F64#4A3F61#4D3F5F#503F5B
#423C6D#463C69#493C65#4D3C61#513C5E#543C5A#593C55
#443A6D#493A68#4E3A63#523A5F#573A5A#5C3A55#623A4F
#48366D#4E3667#543661#5A365B#603655#66364F#6D3648

Colorpallet from #36486D to #48366D and to #6D4836
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#39456D#3A456C#3B466A#3C4669#3D4767#3E4766#3F4864
#3C426D#3E436A#404467#424564#444661#46475F#48485B
#3F3F6D#424069#444265#474361#4A455C#4D4658#504853
#423C6D#463E67#494062#4D425C#514457#544651#59484A
#443A6D#493C66#4E3E5F#524158#574351#5C454A#624841
#48366D#4E3964#543C5B#5A3F53#60424A#664441#6D4836

Colorpallet from #36486D to #486D36 and to #6D3648
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#394E64#3A4D64#3B4B65#3C4A65#3D4866#3E4766#3F4567
#3C545B#3E515C#404E5D#424B5E#44485F#464660#484261
#3F5A53#425654#445156#474D57#4A4958#4D4459#503F5B
#42604A#465A4C#49544E#4D4F4F#514951#544353#593C55
#446641#495F43#4E5845#525148#574A4A#5C434C#623A4F
#486D36#4E6439#545B3C#5A533F#604A42#664144#6D3648

Colorpallet from #36486D to #486D36 and to #6D4836
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#394E64#3A4D64#3B4C64#3C4B64#3D4A64#3E4964#3F4864
#3C545B#3E525B#40505B#424E5B#444C5B#464A5B#48485B
#3F5A53#425753#445453#475153#4A4E53#4D4C53#504853
#42604A#465C4A#49584A#4D544A#51514A#544D4A#59484A
#446641#496141#4E5C41#525841#575341#5C4E41#624841
#486D36#4E6736#546136#5A5B36#605536#664F36#6D4836

Colorpallet from #36486D to #6D3648 and to #6D4836
#36486D#36486D#36486D#36486D#36486D#36486D#36486D
#3F4567#3F4567#3F4666#3F4666#3F4765#3F4765#3F4864
#484261#484360#48445F#48455E#48465D#48475C#48485B
#503F5B#50405A#504258#504357#504556#504655#504853
#593C55#593E53#594051#594250#59444E#59464C#59484A
#623A4F#623C4D#623E4B#624148#624346#624544#624841
#6D3648#6D3945#6D3C42#6D3F3F#6D423C#6D443A#6D4836