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 #317AA5 to #31A57A and to #7A31A5
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#31819E#337E9F#357BA0#3778A1#3975A2#3B72A4#3D6EA5
#318897#358299#387C9B#3C769E#4070A0#436AA2#4863A5
#318F90#378693#3C7D97#42749A#476B9D#4D62A1#5457A5
#319689#398A8D#407E92#487296#4F669B#575A9F#604BA5
#319C83#3A8D88#447F8E#4D7093#566199#5F529E#6B40A5
#31A57A#3D9281#488088#546D8F#605B96#6B489C#7A31A5

Colorpallet from #317AA5 to #31A57A and to #7AA531
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#31819E#33819C#35819A#378198#398196#3B8194#3D8192
#318897#358893#388890#3C888C#408888#438885#488880
#318F90#378F8A#3C8F85#428F7F#478F7A#4D8F74#548F6D
#319689#399682#40967A#489673#4F966C#579664#60965B
#319C83#3A9C7A#449C70#4D9C67#569C5D#5F9C54#6B9C48
#31A57A#3DA56E#48A563#54A557#60A54B#6BA540#7AA531

Colorpallet from #317AA5 to #31A57A and to #A5317A
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#31819E#347E9E#377B9E#3A789E#3D759E#40729E#446E9E
#318897#378297#3D7C97#437697#497097#4F6A97#566397
#318F90#3A8690#437D90#4C7490#556B90#5E6290#695790
#319689#3D8A89#497E89#557289#606689#6C5A89#7B4B89
#319C83#408D83#4F7F83#5E7083#6D6183#7B5283#8E4083
#31A57A#44927A#56807A#696D7A#7B5B7A#8E487A#A5317A

Colorpallet from #317AA5 to #31A57A and to #A57A31
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#31819E#34809C#377F9A#3A7E98#3D7D96#407B94#447A92
#318897#378693#3D8490#43818C#497F88#4F7D85#567A80
#318F90#3A8C8A#438885#4C857F#55827A#5E7E74#697A6D
#319689#3D9282#498D7A#558973#60846C#6C8064#7B7A5B
#319C83#40977A#4F9170#5E8C67#6D865D#7B8154#8E7A48
#31A57A#449E6E#569763#699057#7B894B#8E8340#A57A31

Colorpallet from #317AA5 to #7A31A5 and to #7AA531
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#3D6EA5#3D71A2#3D749F#3D779C#3D7A99#3D7D96#3D8192
#4863A5#48699F#486F99#487593#487B8D#488187#488880
#5457A5#54609C#546993#54728A#547B81#548478#548F6D
#604BA5#605799#60638D#606F81#607B76#60876A#60965B
#6B40A5#6B4F96#6B5D87#6B6C78#6B7B69#6B8A5B#6B9C48
#7A31A5#7A4492#7A5680#7A696D#7A7B5B#7A8E48#7AA531

Colorpallet from #317AA5 to #7A31A5 and to #A5317A
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#3D6EA5#3E6EA4#3F6EA3#406EA2#416EA1#436E9F#446E9E
#4863A5#4A63A3#4C63A1#4F639E#51639C#53639A#566397
#5457A5#5757A2#5B579E#5E579B#615798#655794#695790
#604BA5#644BA1#694B9C#6D4B98#714B93#764B8F#7B4B89
#6B40A5#7140A0#76409A#7C4095#81408F#87408A#8E4083
#7A31A5#81319E#883197#8F3190#963189#9C3183#A5317A

Colorpallet from #317AA5 to #7A31A5 and to #A57A31
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#3D6EA5#3E70A2#3F729F#40749C#417699#437896#447A92
#4863A5#4A679F#4C6A99#4F6E93#51728D#537587#567A80
#5457A5#575D9C#5B6293#5E688A#616D81#657378#697A6D
#604BA5#645399#695A8D#6D6281#716976#76716A#7B7A5B
#6B40A5#714996#765387#7C5C78#816569#876E5B#8E7A48
#7A31A5#813D92#884880#8F546D#96605B#9C6B48#A57A31

Colorpallet from #317AA5 to #7AA531 and to #A5317A
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#3D8192#3E7E94#3F7B96#407898#41759A#43729C#446E9E
#488880#4A8284#4C7C87#4F768B#51708F#536A92#566397
#548F6D#578673#5B7D78#5E747E#616B83#656289#695790
#60965B#648A62#697E6A#6D7271#716678#765A80#7B4B89
#6B9C48#718D51#767F5B#7C7064#81616E#875277#8E4083
#7AA531#81923D#888048#8F6D54#965B60#9C486B#A5317A

Colorpallet from #317AA5 to #7AA531 and to #A57A31
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#3D8192#3E8092#3F7F92#407E92#417D92#437B92#447A92
#488880#4A8680#4C8480#4F8180#517F80#537D80#567A80
#548F6D#578C6D#5B886D#5E856D#61826D#657E6D#697A6D
#60965B#64925B#698D5B#6D895B#71845B#76805B#7B7A5B
#6B9C48#719748#769148#7C8C48#818648#878148#8E7A48
#7AA531#819E31#889731#8F9031#968931#9C8331#A57A31

Colorpallet from #317AA5 to #A5317A and to #A57A31
#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5#317AA5
#446E9E#44709C#44729A#447498#447696#447894#447A92
#566397#566793#566A90#566E8C#567288#567585#567A80
#695790#695D8A#696285#69687F#696D7A#697374#697A6D
#7B4B89#7B5382#7B5A7A#7B6273#7B696C#7B7164#7B7A5B
#8E4083#8E497A#8E5370#8E5C67#8E655D#8E6E54#8E7A48
#A5317A#A53D6E#A54863#A55457#A5604B#A56B40#A57A31