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 #3B56A6 to #3BA656 and to #563BA6
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3B6399#3C609B#3C5E9D#3D5B9F#3E58A1#3E55A3#3F52A6
#3B708C#3C6A90#3E6594#3F5F98#415A9D#4254A1#444DA6
#3B7C80#3D7486#3F6C8C#416492#435B98#45539E#4849A6
#3B8973#3E7E7B#407383#43688B#465D94#49539C#4C45A6
#3B9666#3F8870#427A7A#466D85#495F8F#4D5199#5140A6
#3BA656#3F9563#448470#48737C#4C6289#515096#563BA6

Colorpallet from #3B56A6 to #3BA656 and to #56A63B
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3B6399#3C6398#3C6398#3D6397#3E6396#3E6396#3F6395
#3B708C#3C708B#3E7089#3F7088#417087#427086#447084
#3B7C80#3D7C7E#3F7C7C#417C7A#437C78#457C76#487C73
#3B8973#3E8970#40896E#43896B#468968#498965#4C8962
#3B9666#3F9662#42965F#46965B#499658#4D9654#519650
#3BA656#3FA652#44A64D#48A649#4CA645#51A640#56A63B

Colorpallet from #3B56A6 to #3BA656 and to #A63B56
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3B6399#3E6099#405E99#435B99#465899#495599#4C5299
#3B708C#406A8C#46658C#4B5F8C#515A8C#56548C#5D4D8C
#3B7C80#437480#4B6C80#536480#5C5B80#645380#6E4980
#3B8973#467E73#517373#5C6873#675D73#715373#7F4573
#3B9666#498866#577A66#646D66#725F66#805166#914066
#3BA656#4C9556#5D8456#6E7356#7F6256#915056#A63B56

Colorpallet from #3B56A6 to #3BA656 and to #A6563B
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3B6399#3E6198#405F98#435D97#465B96#495996#4C5695
#3B708C#406C8B#466889#4B6488#515F87#565B86#5D5684
#3B7C80#43767E#4B707C#536A7A#5C6478#645E76#6E5673
#3B8973#468170#51796E#5C716B#676868#716065#7F5662
#3B9666#498C62#57825F#64775B#726D58#806354#915650
#3BA656#4C9952#5D8C4D#6E8049#7F7345#916640#A6563B

Colorpallet from #3B56A6 to #563BA6 and to #56A63B
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3F52A6#3F55A3#3F57A1#3F5A9E#3F5D9B#3F6098#3F6395
#444DA6#4453A1#44589B#445E96#446390#44698B#447084
#4849A6#48519E#485996#48618E#486A85#48727D#487C73
#4C45A6#4C509B#4C5B90#4C6685#4C717A#4C7B70#4C8962
#5140A6#514E98#515C8A#51697D#51776F#518561#519650
#563BA6#564C95#565D84#566E73#567F62#569150#56A63B

Colorpallet from #3B56A6 to #563BA6 and to #A63B56
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3F52A6#4152A4#4352A2#4552A0#47529E#49529C#4C5299
#444DA6#484DA2#4C4D9E#504D9A#544D95#584D91#5D4D8C
#4849A6#4E49A0#54499A#5A4994#60498E#664988#6E4980
#4C45A6#54459E#5C4596#64458E#6D4585#75457D#7F4573
#5140A6#5B409C#654092#704087#7A407D#844073#914066
#563BA6#633B99#703B8C#7C3B80#893B73#963B66#A63B56

Colorpallet from #3B56A6 to #563BA6 and to #A6563B
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3F52A6#4153A3#4353A1#45549E#47559B#495598#4C5695
#444DA6#484EA1#4C509B#505196#545390#58548B#5D5684
#4849A6#4E4B9E#544D96#5A4F8E#605185#66537D#6E5673
#4C45A6#54489B#5C4A90#644D85#6D507A#755370#7F5662
#5140A6#5B4498#65478A#704B7D#7A4E6F#845261#915650
#563BA6#633F95#704484#7C4873#894C62#965150#A6563B

Colorpallet from #3B56A6 to #56A63B and to #A63B56
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3F6395#416096#435E96#455B97#475898#495598#4C5299
#447084#486A85#4C6587#505F88#545A89#58548A#5D4D8C
#487C73#4E7475#546C77#5A6479#605B7B#66537D#6E4980
#4C8962#547E65#5C7367#64686A#6D5D6D#755370#7F4573
#519650#5B8854#657A57#706D5B#7A5F5E#845162#914066
#56A63B#63953F#708444#7C7348#89624C#965051#A63B56

Colorpallet from #3B56A6 to #56A63B and to #A6563B
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#3F6395#416195#435F95#455D95#475B95#495995#4C5695
#447084#486C84#4C6884#506484#545F84#585B84#5D5684
#487C73#4E7673#547073#5A6A73#606473#665E73#6E5673
#4C8962#548162#5C7962#647162#6D6862#756062#7F5662
#519650#5B8C50#658250#707750#7A6D50#846350#915650
#56A63B#63993B#708C3B#7C803B#89733B#96663B#A6563B

Colorpallet from #3B56A6 to #A63B56 and to #A6563B
#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6#3B56A6
#4C5299#4C5398#4C5398#4C5497#4C5596#4C5596#4C5695
#5D4D8C#5D4E8B#5D5089#5D5188#5D5387#5D5486#5D5684
#6E4980#6E4B7E#6E4D7C#6E4F7A#6E5178#6E5376#6E5673
#7F4573#7F4870#7F4A6E#7F4D6B#7F5068#7F5365#7F5662
#914066#914462#91475F#914B5B#914E58#915254#915650
#A63B56#A63F52#A6444D#A64849#A64C45#A65140#A6563B