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 #313E86 to #31863E and to #3E3186
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#314A7A#31487C#32467E#324380#324182#333F84#333C86
#31556F#325173#324C76#33487A#34447E#343F81#353A86
#316163#325A69#33546E#344D74#354779#36407F#373886
#316C58#32635F#345B67#35526E#364975#37417D#393686
#31784C#336D55#34625F#365768#374C71#39427A#3B3486
#31863E#33784A#356B55#375D61#39506C#3B4278#3E3186

Colorpallet from #313E86 to #31863E and to #3E8631
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#314A7A#314A7A#324A79#324A79#324A79#334A78#334A78
#31556F#32556E#32556E#33556D#34556C#34556C#35556B
#316163#326162#336161#346160#35615F#36615E#37615D
#316C58#326C57#346C55#356C54#366C53#376C52#396C50
#31784C#33784A#347849#367847#377846#397844#3B7842
#31863E#33863C#35863A#378638#398636#3B8634#3E8631

Colorpallet from #313E86 to #31863E and to #86313E
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#314A7A#33487A#35467A#38437A#3A417A#3C3F7A#3F3C7A
#31556F#35516F#3A4C6F#3E486F#42446F#473F6F#4C3A6F
#316163#385A63#3E5463#454D63#4B4763#524063#5A3863
#316C58#3A6358#425B58#4B5258#544958#5C4158#673658
#31784C#3C6D4C#47624C#52574C#5D4C4C#67424C#75344C
#31863E#3F783E#4C6B3E#5A5D3E#67503E#75423E#86313E

Colorpallet from #313E86 to #31863E and to #863E31
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#314A7A#33487A#354679#384479#3A4279#3C4078#3F3E78
#31556F#35516E#3A4E6E#3E4A6D#42466C#47436C#4C3E6B
#316163#385B62#3E5661#455060#4B4B5F#52455E#5A3E5D
#316C58#3A6557#425D55#4B5654#544F53#5C4752#673E50
#31784C#3C6F4A#476549#525C47#5D5346#674A44#753E42
#31863E#3F7A3C#4C6F3A#5A6338#675836#754C34#863E31

Colorpallet from #313E86 to #3E3186 and to #3E8631
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#333C86#333E84#334082#33437F#33457D#33477B#334A78
#353A86#353E82#35437D#354779#354B75#355070#35556B
#373886#373F7F#374579#374C72#37526C#375965#37615D
#393686#393F7D#394775#39506C#395963#39615B#396C50
#3B3486#3B3F7B#3B4A70#3B5565#3B605A#3B6A50#3B7842
#3E3186#3E3F78#3E4C6B#3E5A5D#3E6750#3E7542#3E8631

Colorpallet from #313E86 to #3E3186 and to #86313E
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#333C86#353C84#373C82#393C80#3B3C7E#3D3C7C#3F3C7A
#353A86#393A82#3C3A7F#403A7B#443A77#473A74#4C3A6F
#373886#3D3880#42387B#483875#4D3870#53386A#5A3863
#393686#40367F#483677#4F3670#563669#5E3661#673658
#3B3486#44347D#4E3473#57346A#603461#693458#75344C
#3E3186#4A317A#55316F#613163#6C3158#78314C#86313E

Colorpallet from #313E86 to #3E3186 and to #863E31
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#333C86#353C84#373D82#393D7F#3B3D7D#3D3E7B#3F3E78
#353A86#393B82#3C3B7D#403C79#443D75#473D70#4C3E6B
#373886#3D397F#423A79#483B72#4D3C6C#533D65#5A3E5D
#393686#40377D#483975#4F3A6C#563B63#5E3C5B#673E50
#3B3486#44367B#4E3770#573965#603A5A#693C50#753E42
#3E3186#4A3378#55356B#61375D#6C3950#783B42#863E31

Colorpallet from #313E86 to #3E8631 and to #86313E
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#334A78#354878#374679#394379#3B4179#3D3F7A#3F3C7A
#35556B#39516C#3C4C6C#40486D#44446E#473F6E#4C3A6F
#37615D#3D5A5E#42545F#484D60#4D4761#534062#5A3863
#396C50#406351#485B53#4F5254#564955#5E4156#673658
#3B7842#446D44#4E6245#575747#604C48#69424A#75344C
#3E8631#4A7833#556B35#615D37#6C5039#78423B#86313E

Colorpallet from #313E86 to #3E8631 and to #863E31
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#334A78#354878#374678#394478#3B4278#3D4078#3F3E78
#35556B#39516B#3C4E6B#404A6B#44466B#47436B#4C3E6B
#37615D#3D5B5D#42565D#48505D#4D4B5D#53455D#5A3E5D
#396C50#406550#485D50#4F5650#564F50#5E4750#673E50
#3B7842#446F42#4E6542#575C42#605342#694A42#753E42
#3E8631#4A7A31#556F31#616331#6C5831#784C31#863E31

Colorpallet from #313E86 to #86313E and to #863E31
#313E86#313E86#313E86#313E86#313E86#313E86#313E86
#3F3C7A#3F3C7A#3F3D79#3F3D79#3F3D79#3F3E78#3F3E78
#4C3A6F#4C3B6E#4C3B6E#4C3C6D#4C3D6C#4C3D6C#4C3E6B
#5A3863#5A3962#5A3A61#5A3B60#5A3C5F#5A3D5E#5A3E5D
#673658#673757#673955#673A54#673B53#673C52#673E50
#75344C#75364A#753749#753947#753A46#753C44#753E42
#86313E#86333C#86353A#863738#863936#863B34#863E31