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 #3D6180 to #3D8061 and to #613D80
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#3D667B#3E647C#3F627D#40617D#415F7E#425D7F#435B80
#3D6B76#3F6778#416479#43607B#455D7C#47597E#495580
#3D7071#406B73#426676#456178#485C7B#4B567D#4E5080
#3D756C#416E6F#446772#486076#4C5979#4F537C#544A80
#3D7A67#42716B#46696F#4B6073#505777#544F7B#5A4480
#3D8061#437566#496B6B#4E6070#545575#5A4A7A#613D80

Colorpallet from #3D6180 to #3D8061 and to #61803D
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#3D667B#3E667A#3F6679#406678#416677#426676#436675
#3D6B76#3F6B74#416B72#436B71#456B6F#476B6D#496B6B
#3D7071#40706E#42706C#457069#487066#4B7063#4E7060
#3D756C#417568#447565#487561#4C755D#4F755A#547555
#3D7A67#427A62#467A5E#4B7A59#507A54#547A50#5A7A4A
#3D8061#43805B#498055#4E8050#54804A#5A8044#61803D

Colorpallet from #3D6180 to #3D8061 and to #803D61
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#3D667B#3F647B#41627B#42617B#445F7B#465D7B#485B7B
#3D6B76#406776#446476#476076#4A5D76#4E5976#525576
#3D7071#426B71#476671#4C6171#515C71#575671#5D5071
#3D756C#446E6C#4B676C#52606C#59596C#5F536C#684A6C
#3D7A67#467167#4E6967#576067#605767#684F67#734467
#3D8061#487561#526B61#5D6061#685561#734A61#803D61

Colorpallet from #3D6180 to #3D8061 and to #80613D
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#3D667B#3F657A#416479#426478#446377#466276#486175
#3D6B76#406974#446872#476671#4A656F#4E636D#52616B
#3D7071#426E6E#476B6C#4C6969#516666#576463#5D6160
#3D756C#447268#4B6F65#526B61#59685D#5F655A#686155
#3D7A67#467662#4E725E#576E59#606A54#686650#73614A
#3D8061#487B5B#527655#5D7150#686C4A#736744#80613D

Colorpallet from #3D6180 to #613D80 and to #61803D
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#435B80#435D7E#435F7C#43607B#436279#436477#436675
#495580#49597D#495C79#496076#496373#49676F#496B6B
#4E5080#4E557B#4E5A76#4E5F71#4E646C#4E6A66#4E7060
#544A80#545179#545872#545F6B#546664#546C5E#547555
#5A4480#5A4D77#5A556F#5A5E66#5A675D#5A6F55#5A7A4A
#613D80#614875#61526B#615D60#616855#61734A#61803D

Colorpallet from #3D6180 to #613D80 and to #803D61
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#435B80#445B7F#455B7E#455B7E#465B7D#475B7C#485B7B
#495580#4A557E#4C557D#4D557B#4F557A#505578#525576
#4E5080#50507E#53507B#555079#585076#5A5074#5D5071
#544A80#574A7D#5A4A7A#5E4A76#614A73#644A70#684A6C
#5A4480#5E447C#624478#664474#6A4470#6E446C#734467
#613D80#663D7B#6B3D76#703D71#753D6C#7A3D67#803D61

Colorpallet from #3D6180 to #613D80 and to #80613D
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#435B80#445C7E#455D7C#455E7B#465F79#476077#486175
#495580#4A577D#4C5979#4D5B76#4F5D73#505F6F#52616B
#4E5080#50537B#535576#555871#585B6C#5A5E66#5D6160
#544A80#574E79#5A5172#5E556B#615964#645C5E#686155
#5A4480#5E4977#624D6F#665266#6A575D#6E5B55#73614A
#613D80#664375#6B496B#704E60#755455#7A5A4A#80613D

Colorpallet from #3D6180 to #61803D and to #803D61
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#436675#446476#456277#456178#465F79#475D7A#485B7B
#496B6B#4A676D#4C646F#4D6070#4F5D72#505974#525576
#4E7060#506B63#536665#556168#585C6B#5A566E#5D5071
#547555#576E59#5A675C#5E6060#615964#645367#684A6C
#5A7A4A#5E714F#626953#666058#6A575D#6E4F61#734467
#61803D#667543#6B6B49#70604E#755554#7A4A5A#803D61

Colorpallet from #3D6180 to #61803D and to #80613D
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#436675#446575#456475#456475#466375#476275#486175
#496B6B#4A696B#4C686B#4D666B#4F656B#50636B#52616B
#4E7060#506E60#536B60#556960#586660#5A6460#5D6160
#547555#577255#5A6F55#5E6B55#616855#646555#686155
#5A7A4A#5E764A#62724A#666E4A#6A6A4A#6E664A#73614A
#61803D#667B3D#6B763D#70713D#756C3D#7A673D#80613D

Colorpallet from #3D6180 to #803D61 and to #80613D
#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180#3D6180
#485B7B#485C7A#485D79#485E78#485F77#486076#486175
#525576#525774#525972#525B71#525D6F#525F6D#52616B
#5D5071#5D536E#5D556C#5D5869#5D5B66#5D5E63#5D6160
#684A6C#684E68#685165#685561#68595D#685C5A#686155
#734467#734962#734D5E#735259#735754#735B50#73614A
#803D61#80435B#804955#804E50#80544A#805A44#80613D