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 #5656A2 to #56A256 and to #A956A2
#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2
#566296#586098#5A5E9A#5C5C9C#5E5A9E#6058A0#6356A2
#566E8A#5A6A8E#5F6692#636296#675F99#6C5B9D#7156A2
#567A7E#5C7484#636E8A#69698F#706395#765D9B#7E56A2
#568771#5E7F79#677781#6F6F89#786890#806098#8B56A2
#569365#61896F#6B7F79#767682#806C8C#8B6296#9856A2
#56A256#639662#718A6E#7E7E7A#8B7187#986593#A956A2

Colorpallet from #5656A2 to #56A256 and to #56A256
#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2
#566296#566296#566296#566296#566296#566296#566296
#566E8A#566E8A#566E8A#566E8A#566E8A#566E8A#566E8A
#567A7E#567A7E#567A7E#567A7E#567A7E#567A7E#567A7E
#568771#568771#568771#568771#568771#568771#568771
#569365#569365#569365#569365#569365#569365#569365
#56A256#56A256#56A256#56A256#56A256#56A256#56A256

Colorpallet from #5656A2 to #56A256 and to #A25656
#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2
#566296#586096#5A5E96#5C5C96#5E5A96#605896#625696
#566E8A#5A6A8A#5E668A#62628A#655F8A#695B8A#6E568A
#567A7E#5C747E#626E7E#67697E#6D637E#735D7E#7A567E
#568771#5E7F71#667771#6E6F71#756871#7D6071#875671
#569365#608965#6A7F65#737665#7D6C65#876265#935665
#56A256#629656#6E8A56#7A7E56#877156#936556#A25656

Colorpallet from #5656A2 to #56A256 and to #5D5656
#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2
#566296#566096#565E96#565C96#575A96#575896#575696
#566E8A#566A8A#57668A#57628A#575F8A#585B8A#58568A
#567A7E#56747E#576E7E#57697E#58637E#585D7E#59567E
#568771#577F71#577771#586F71#596871#596071#5A5671
#569365#578965#587F65#597665#5A6C65#5B6265#5C5665
#56A256#579656#588A56#597E56#5A7156#5C6556#5D5656

Colorpallet from #5656A2 to #A956A2 and to #56A256
#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2
#6356A2#6158A0#5F5A9E#5D5C9C#5B5E9A#596098#566296
#7156A2#6D5A9E#685E9A#646296#606593#5B698F#566E8A
#7E56A2#785C9C#716296#6B6791#646D8B#5E7385#567A7E
#8B56A2#835E9A#7A6692#726E8A#697583#617D7B#568771
#9856A2#8D6098#836A8E#787385#6E7D7B#638771#569365
#A956A2#9C6296#8E6E8A#817A7E#748771#679365#56A256

Colorpallet from #5656A2 to #A956A2 and to #A25656
#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2
#6356A2#6356A0#63569E#63569C#62569A#625698#625696
#7156A2#71569E#70569A#705696#6F5693#6F568F#6E568A
#7E56A2#7D569C#7D5696#7C5691#7B568B#7B5685#7A567E
#8B56A2#8A569A#8A5692#89568A#885683#88567B#875671
#9856A2#975698#96568E#965685#95567B#945671#935665
#A956A2#A85696#A7568A#A6567E#A55671#A35665#A25656

Colorpallet from #5656A2 to #A956A2 and to #5D5656
#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2
#6356A2#6156A0#5F569E#5D569C#5B569A#595698#575696
#7156A2#6D569E#69569A#655696#615693#5D568F#58568A
#7E56A2#78569C#725696#6C5691#66568B#605685#59567E
#8B56A2#83569A#7B5692#73568A#6C5683#64567B#5A5671
#9856A2#8E5698#85568E#7B5685#72567B#685671#5C5665
#A956A2#9D5696#91568A#85567E#785671#6C5665#5D5656

Colorpallet from #5656A2 to #A25656 and to #5D5656
#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2#5656A2
#625696#605696#5E5696#5D5696#5B5696#595696#575696
#6E568A#6A568A#67568A#63568A#60568A#5C568A#58568A
#7A567E#75567E#6F567E#6A567E#65567E#60567E#59567E
#875671#805671#795671#715671#6A5671#635671#5A5671
#935665#8A5665#815665#795665#705665#675665#5C5665
#A25656#975656#8C5656#815656#765656#6B5656#5D5656