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 #3A6C7A to #3A7A6C and to #6C3A7A
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#3A6E78#3B6C78#3D6B79#3E6979#3F6879#40667A#42647A
#3A7076#3D6D77#3F6A77#426678#446379#476079#4A5C7A
#3A7373#3E6E74#426975#466476#495F77#4D5A79#52547A
#3A7571#3F6E72#446874#496175#4E5B77#545478#5A4C7A
#3A776F#406F71#476773#4D5F74#545676#5A4E78#62447A
#3A7A6C#42706E#4A6670#525B73#5A5175#624777#6C3A7A

Colorpallet from #3A6C7A to #3A7A6C and to #6C7A3A
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#3A6E78#3B6E77#3D6E75#3E6E74#3F6E73#406E72#426E70
#3A7076#3D7073#3F7071#42706E#44706C#477069#4A7066
#3A7373#3E736F#42736B#467367#497364#4D7360#52735B
#3A7571#3F756C#447567#497562#4E755D#547557#5A7551
#3A776F#407769#477762#4D775C#547755#5A774F#627747
#3A7A6C#427A64#4A7A5C#527A54#5A7A4C#627A44#6C7A3A

Colorpallet from #3A6C7A to #3A7A6C and to #7A3A6C
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#3A6E78#3C6C78#3D6B78#3F6978#406878#426678#446478
#3A7076#3D6D76#406A76#446676#476376#4A6076#4E5C76
#3A7373#3F6E73#446973#496473#4E5F73#535A73#595473
#3A7571#416E71#476871#4E6171#545B71#5B5471#634C71
#3A776F#426F6F#4A676F#525F6F#5B566F#634E6F#6D446F
#3A7A6C#44706C#4E666C#595B6C#63516C#6D476C#7A3A6C

Colorpallet from #3A6C7A to #3A7A6C and to #7A6C3A
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#3A6E78#3C6E77#3D6D75#3F6D74#406D73#426C72#446C70
#3A7076#3D6F73#406F71#446E6E#476D6C#4A6D69#4E6C66
#3A7373#3F726F#44716B#497067#4E6F64#536D60#596C5B
#3A7571#41746C#477267#4E7162#546F5D#5B6E57#636C51
#3A776F#427569#4A7362#52725C#5B7055#636E4F#6D6C47
#3A7A6C#447864#4E765C#597354#63714C#6D6F44#7A6C3A

Colorpallet from #3A6C7A to #6C3A7A and to #6C7A3A
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#42647A#426678#426777#426975#426A74#426C72#426E70
#4A5C7A#4A5F77#4A6274#4A6670#4A696D#4A6C6A#4A7066
#52547A#525975#525E70#52636B#526866#526D61#52735B
#5A4C7A#5A5373#5A596D#5A6066#5A6660#5A6D59#5A7551
#62447A#624C72#62546A#625C62#626559#626D51#627747
#6C3A7A#6C4470#6C4E66#6C595B#6C6351#6C6D47#6C7A3A

Colorpallet from #3A6C7A to #6C3A7A and to #7A3A6C
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#42647A#42647A#436479#436479#436479#446478#446478
#4A5C7A#4B5C79#4B5C79#4C5C78#4D5C77#4D5C77#4E5C76
#52547A#535479#545478#555477#565476#585474#595473
#5A4C7A#5B4C79#5D4C77#5E4C76#604C74#614C73#634C71
#62447A#644478#664476#674475#694473#6B4471#6D446F
#6C3A7A#6E3A78#703A76#733A73#753A71#773A6F#7A3A6C

Colorpallet from #3A6C7A to #6C3A7A and to #7A6C3A
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#42647A#426578#436777#436875#436974#446A72#446C70
#4A5C7A#4B5F77#4B6174#4C6470#4D666D#4D696A#4E6C66
#52547A#535875#545C70#55606B#566366#586761#596C5B
#5A4C7A#5B5173#5D566D#5E5B66#606060#616659#636C51
#62447A#644A72#66516A#675762#695E59#6B6451#6D6C47
#6C3A7A#6E4270#704A66#73525B#755A51#776247#7A6C3A

Colorpallet from #3A6C7A to #6C7A3A and to #7A3A6C
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#426E70#426C71#436B73#436974#436875#446676#446478
#4A7066#4B6D69#4B6A6B#4C666E#4D6370#4D6073#4E5C76
#52735B#536E5F#546963#556467#565F6A#585A6E#595473
#5A7551#5B6E56#5D685B#5E6160#605B65#61546B#634C71
#627747#646F4D#666754#675F5A#695661#6B4E67#6D446F
#6C7A3A#6E7042#70664A#735B52#75515A#774762#7A3A6C

Colorpallet from #3A6C7A to #6C7A3A and to #7A6C3A
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#426E70#426E70#436D70#436D70#436D70#446C70#446C70
#4A7066#4B6F66#4B6F66#4C6E66#4D6D66#4D6D66#4E6C66
#52735B#53725B#54715B#55705B#566F5B#586D5B#596C5B
#5A7551#5B7451#5D7251#5E7151#606F51#616E51#636C51
#627747#647547#667347#677247#697047#6B6E47#6D6C47
#6C7A3A#6E783A#70763A#73733A#75713A#776F3A#7A6C3A

Colorpallet from #3A6C7A to #7A3A6C and to #7A6C3A
#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A#3A6C7A
#446478#446577#446775#446874#446973#446A72#446C70
#4E5C76#4E5F73#4E6171#4E646E#4E666C#4E6969#4E6C66
#595473#59586F#595C6B#596067#596364#596760#596C5B
#634C71#63516C#635667#635B62#63605D#636657#636C51
#6D446F#6D4A69#6D5162#6D575C#6D5E55#6D644F#6D6C47
#7A3A6C#7A4264#7A4A5C#7A5254#7A5A4C#7A6244#7A6C3A