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 #315A60 to #31605A and to #5A3160
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#315B5F#325A5F#33585F#34575F#355660#375560#385360
#315C5E#335A5E#35575F#37555F#39525F#3B5060#3E4D60
#315D5D#34595D#37565E#3B525E#3E4E5F#414B5F#454660
#315E5C#35595D#39545D#3D505E#424B5F#46465F#4B4060
#315F5B#36595C#3C535D#414D5D#46475E#4B415F#523960
#31605A#38585B#3E515C#45495D#4B425E#523A5F#5A3160

Colorpallet from #315A60 to #31605A and to #5A6031
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#315B5F#325B5E#335B5D#345B5C#355B5B#375B59#385B58
#315C5E#335C5C#355C5A#375C58#395C56#3B5C54#3E5C51
#315D5D#345D5A#375D57#3B5D53#3E5D50#415D4D#455D49
#315E5C#355E58#395E54#3D5E50#425E4B#465E47#4B5E42
#315F5B#365F56#3C5F50#415F4B#465F46#4B5F41#525F3A
#31605A#386053#3E604D#456046#4B6040#526039#5A6031

Colorpallet from #315A60 to #31605A and to #60315A
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#315B5F#325A5F#34585F#35575F#36565F#37555F#39535F
#315C5E#335A5E#36575E#38555E#3B525E#3D505E#404D5E
#315D5D#35595D#38565D#3C525D#404E5D#434B5D#48465D
#315E5C#36595C#3B545C#3F505C#444B5C#49465C#4F405C
#315F5B#37595B#3D535B#434D5B#49475B#4F415B#57395B
#31605A#39585A#40515A#48495A#4F425A#573A5A#60315A

Colorpallet from #315A60 to #31605A and to #605A31
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#315B5F#325B5E#345B5D#355B5C#365A5B#375A59#395A58
#315C5E#335C5C#365B5A#385B58#3B5B56#3D5A54#405A51
#315D5D#355D5A#385C57#3C5C53#405B50#435B4D#485A49
#315E5C#365D58#3B5D54#3F5C50#445B4B#495B47#4F5A42
#315F5B#375E56#3D5D50#435D4B#495C46#4F5B41#575A3A
#31605A#395F53#405E4D#485D46#4F5C40#575B39#605A31

Colorpallet from #315A60 to #5A3160 and to #5A6031
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#385360#38545F#38565D#38575C#38585B#38595A#385B58
#3E4D60#3E4F5E#3E525B#3E5459#3E5756#3E5954#3E5C51
#454660#454A5C#454D59#455155#455551#45584E#455D49
#4B4060#4B455B#4B4A56#4B4E52#4B534D#4B5848#4B5E42
#523960#523F5A#524554#524B4E#525148#525742#525F3A
#5A3160#5A3958#5A4051#5A4849#5A4F42#5A573A#5A6031

Colorpallet from #315A60 to #5A3160 and to #60315A
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#385360#385360#385360#385360#39535F#39535F#39535F
#3E4D60#3E4D60#3F4D5F#3F4D5F#3F4D5F#404D5E#404D5E
#454660#454660#46465F#46465F#47465E#47465E#48465D
#4B4060#4C405F#4C405F#4D405E#4E405D#4E405D#4F405C
#523960#53395F#54395E#54395E#55395D#56395C#57395B
#5A3160#5B315F#5C315E#5D315D#5E315C#5F315B#60315A

Colorpallet from #315A60 to #5A3160 and to #605A31
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#385360#38545F#38555D#38565C#39575B#39595A#395A58
#3E4D60#3E4F5E#3F515B#3F5359#3F5556#405754#405A51
#454660#45495C#464C59#465055#475351#47564E#485A49
#4B4060#4C445B#4C4856#4D4C52#4E514D#4E5548#4F5A42
#523960#533E5A#544454#54494E#554E48#565342#575A3A
#5A3160#5B3858#5C3E51#5D4549#5E4B42#5F523A#605A31

Colorpallet from #315A60 to #5A6031 and to #60315A
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#385B58#385A59#38585A#38575B#39565C#39555E#39535F
#3E5C51#3E5A53#3F5755#3F5557#3F5259#40505B#404D5E
#455D49#45594C#46564F#465253#474E56#474B59#48465D
#4B5E42#4C5946#4C544A#4D504E#4E4B53#4E4657#4F405C
#525F3A#53593F#545345#544D4A#55474F#564154#57395B
#5A6031#5B5838#5C513E#5D4945#5E424B#5F3A52#60315A

Colorpallet from #315A60 to #5A6031 and to #605A31
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#385B58#385B58#385B58#385B58#395A58#395A58#395A58
#3E5C51#3E5C51#3F5B51#3F5B51#3F5B51#405A51#405A51
#455D49#455D49#465C49#465C49#475B49#475B49#485A49
#4B5E42#4C5D42#4C5D42#4D5C42#4E5B42#4E5B42#4F5A42
#525F3A#535E3A#545D3A#545D3A#555C3A#565B3A#575A3A
#5A6031#5B5F31#5C5E31#5D5D31#5E5C31#5F5B31#605A31

Colorpallet from #315A60 to #60315A and to #605A31
#315A60#315A60#315A60#315A60#315A60#315A60#315A60
#39535F#39545E#39555D#39565C#39575B#395959#395A58
#404D5E#404F5C#40515A#405358#405556#405754#405A51
#48465D#48495A#484C57#485053#485350#48564D#485A49
#4F405C#4F4458#4F4854#4F4C50#4F514B#4F5547#4F5A42
#57395B#573E56#574450#57494B#574E46#575341#575A3A
#60315A#603853#603E4D#604546#604B40#605239#605A31