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 #306C81 to #30816C and to #6C3081
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#306F7E#326D7E#336B7F#35697F#366780#386580#3A6281
#30737A#336F7B#366B7C#39677D#3C627E#3F5E80#435981
#307677#357079#396A7A#3E637C#435D7D#47577F#4D4F81
#307974#367176#3C6978#42617A#48587C#4E507E#564681
#307D70#387373#3F6875#475E78#4F537B#56497E#603C81
#30816C#3A746F#436773#4D5A76#564D79#60407D#6C3081

Colorpallet from #306C81 to #30816C and to #6C8130
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#306F7E#326F7C#336F7B#356F79#366F78#386F76#3A6F74
#30737A#337377#367374#397371#3C736E#3F736B#437367
#307677#357672#39766E#3E7669#437664#477660#4D765A
#307974#36796E#3C7968#427961#48795B#4E7955#56794D
#307D70#387D68#3F7D61#477D59#4F7D51#567D4A#607D40
#30816C#3A8162#438159#4D814F#568146#60813C#6C8130

Colorpallet from #306C81 to #30816C and to #81306C
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#306F7E#326D7E#346B7E#36697E#38677E#3A657E#3D627E
#30737A#346F7A#386B7A#3C677A#41627A#455E7A#4A597A
#307677#367077#3C6A77#436377#495D77#4F5777#574F77
#307974#387174#416974#496174#515874#5A5074#644674
#307D70#3A7370#456870#4F5E70#5A5370#644970#713C70
#30816C#3D746C#4A676C#575A6C#644D6C#71406C#81306C

Colorpallet from #306C81 to #30816C and to #816C30
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#306F7E#326F7C#346E7B#366E79#386D78#3A6D76#3D6C74
#30737A#347277#387174#3C7071#416F6E#456D6B#4A6C67
#307677#367472#3C736E#437169#497064#4F6E60#576C5A
#307974#38776E#417568#497361#51715B#5A6F55#646C4D
#307D70#3A7A68#457861#4F7559#5A7251#646F4A#716C40
#30816C#3D7E62#4A7A59#57774F#647446#71703C#816C30

Colorpallet from #306C81 to #6C3081 and to #6C8130
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#3A6281#3A647F#3A667D#3A687B#3A6A79#3A6C77#3A6F74
#435981#435D7D#436179#436575#436A70#436E6C#437367
#4D4F81#4D557B#4D5B75#4D626E#4D6868#4D6E62#4D765A
#564681#564E79#565670#565E68#566760#566F57#56794D
#603C81#604677#60516C#605B62#606657#60704D#607D40
#6C3081#6C3D74#6C4A67#6C575A#6C644D#6C7140#6C8130

Colorpallet from #306C81 to #6C3081 and to #81306C
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#3A6281#3A6281#3B6280#3B6280#3C627F#3C627F#3D627E
#435981#445980#45597F#46597E#47597D#49597B#4A597A
#4D4F81#4F4F7F#504F7E#524F7C#534F7B#554F79#574F77
#564681#58467F#5A467D#5D467B#5F4679#614677#644674
#603C81#633C7E#653C7C#683C79#6B3C76#6E3C73#713C70
#6C3081#6F307E#73307A#763077#793074#7D3070#81306C

Colorpallet from #306C81 to #6C3081 and to #816C30
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#3A6281#3A647F#3B657D#3B677B#3C6879#3C6A77#3D6C74
#435981#445C7D#455F79#466275#476570#49686C#4A6C67
#4D4F81#4F547B#505875#525D6E#536268#556662#576C5A
#564681#584C79#5A5270#5D5868#5F5E60#616457#646C4D
#603C81#634477#654B6C#685362#6B5B57#6E624D#716C40
#6C3081#6F3A74#734367#764D5A#79564D#7D6040#816C30

Colorpallet from #306C81 to #6C8130 and to #81306C
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#3A6F74#3A6D76#3B6B77#3B6979#3C677A#3C657C#3D627E
#437367#446F6A#456B6D#466770#476273#495E76#4A597A
#4D765A#4F705F#506A63#526368#535D6D#555771#574F77
#56794D#587153#5A6959#5D6160#5F5866#61506C#644674
#607D40#637348#65684F#685E57#6B535F#6E4966#713C70
#6C8130#6F743A#736743#765A4D#794D56#7D4060#81306C

Colorpallet from #306C81 to #6C8130 and to #816C30
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#3A6F74#3A6F74#3B6E74#3B6E74#3C6D74#3C6D74#3D6C74
#437367#447267#457167#467067#476F67#496D67#4A6C67
#4D765A#4F745A#50735A#52715A#53705A#556E5A#576C5A
#56794D#58774D#5A754D#5D734D#5F714D#616F4D#646C4D
#607D40#637A40#657840#687540#6B7240#6E6F40#716C40
#6C8130#6F7E30#737A30#767730#797430#7D7030#816C30

Colorpallet from #306C81 to #81306C and to #816C30
#306C81#306C81#306C81#306C81#306C81#306C81#306C81
#3D627E#3D647C#3D657B#3D6779#3D6878#3D6A76#3D6C74
#4A597A#4A5C77#4A5F74#4A6271#4A656E#4A686B#4A6C67
#574F77#575472#57586E#575D69#576264#576660#576C5A
#644674#644C6E#645268#645861#645E5B#646455#646C4D
#713C70#714468#714B61#715359#715B51#71624A#716C40
#81306C#813A62#814359#814D4F#815646#81603C#816C30