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 #315B77 to #31775B and to #5B3177
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#315F73#325D74#335B74#345A75#355876#375676#385477
#31646E#33606F#355D71#375972#395674#3B5275#3E4E77
#31686A#34636C#375D6E#3B5870#3E5372#414E74#454777
#316D65#356668#3A5F6B#3E576E#425071#474973#4C4077
#317161#366865#3C5F68#41566C#474D6F#4C4473#533977
#31775B#386C5F#3E6164#455568#4C4A6D#533F71#5B3177

Colorpallet from #315B77 to #31775B and to #5B7731
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#315F73#325F72#335F71#345F70#355F6F#375F6D#385F6C
#31646E#33646C#35646A#376468#396466#3B6464#3E6461
#31686A#346867#376863#3B6860#3E685D#416859#456855
#316D65#356D61#3A6D5C#3E6D58#426D54#476D4F#4C6D4A
#317161#36715C#3C7156#417151#47714B#4C7146#53713F
#31775B#387754#3E774E#457747#4C7740#537739#5B7731

Colorpallet from #315B77 to #31775B and to #77315B
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#315F73#335D73#355B73#365A73#385873#3A5673#3C5473
#31646E#35606E#385D6E#3C596E#3F566E#43526E#474E6E
#31686A#36636A#3C5D6A#41586A#47536A#4C4E6A#53476A
#316D65#386665#3F5F65#475765#4E5065#554965#5E4065
#317161#3A6861#435F61#4C5661#554D61#5E4461#693961
#31775B#3C6C5B#47615B#53555B#5E4A5B#693F5B#77315B

Colorpallet from #315B77 to #31775B and to #775B31
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#315F73#335E72#355E71#365D70#385C6F#3A5C6D#3C5B6C
#31646E#35636C#38616A#3C6068#3F5E66#435D64#475B61
#31686A#366667#3C6463#416260#47605D#4C5E59#535B55
#316D65#386A61#3F675C#476458#4E6154#555F4F#5E5B4A
#317161#3A6D5C#436A56#4C6651#55634B#5E5F46#695B3F
#31775B#3C7354#476E4E#536A47#5E6540#696139#775B31

Colorpallet from #315B77 to #5B3177 and to #5B7731
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#385477#385675#385873#385972#385B70#385D6E#385F6C
#3E4E77#3E5273#3E5570#3E596C#3E5C69#3E6065#3E6461
#454777#454C72#45526C#455767#455C61#45615C#456855
#4C4077#4C4770#4C4E69#4C5661#4C5D5A#4C6453#4C6D4A
#533977#53426E#534B65#53545C#535D53#53664A#53713F
#5B3177#5B3C6C#5B4761#5B5355#5B5E4A#5B693F#5B7731

Colorpallet from #315B77 to #5B3177 and to #77315B
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#385477#395476#395476#3A5475#3B5474#3B5474#3C5473
#3E4E77#3F4E76#414E74#424E73#444E71#454E70#474E6E
#454777#474775#494773#4C4771#4E476F#50476D#53476A
#4C4077#4F4074#524071#55406E#58406B#5A4069#5E4065
#533977#573973#5A3970#5E396C#613969#653965#693961
#5B3177#5F3173#64316E#68316A#6D3165#713161#77315B

Colorpallet from #315B77 to #5B3177 and to #775B31
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#385477#395575#395673#3A5772#3B5870#3B5A6E#3C5B6C
#3E4E77#3F5073#415270#42546C#445669#455865#475B61
#454777#474A72#494D6C#4C5167#4E5461#50575C#535B55
#4C4077#4F4470#524969#554D61#58515A#5A5653#5E5B4A
#533977#573E6E#5A4465#5E495C#614F53#65544A#695B3F
#5B3177#5F386C#643E61#684555#6D4C4A#71533F#775B31

Colorpallet from #315B77 to #5B7731 and to #77315B
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#385F6C#395D6D#395B6E#3A5A6F#3B5870#3B5672#3C5473
#3E6461#3F6063#415D65#425967#445669#45526B#474E6E
#456855#476358#495D5C#4C585F#4E5362#504E66#53476A
#4C6D4A#4F664E#525F53#555757#58505B#5A4960#5E4065
#53713F#576844#5A5F4A#5E564F#614D55#65445A#693961
#5B7731#5F6C38#64613E#685545#6D4A4C#713F53#77315B

Colorpallet from #315B77 to #5B7731 and to #775B31
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#385F6C#395E6C#395E6C#3A5D6C#3B5C6C#3B5C6C#3C5B6C
#3E6461#3F6361#416161#426061#445E61#455D61#475B61
#456855#476655#496455#4C6255#4E6055#505E55#535B55
#4C6D4A#4F6A4A#52674A#55644A#58614A#5A5F4A#5E5B4A
#53713F#576D3F#5A6A3F#5E663F#61633F#655F3F#695B3F
#5B7731#5F7331#646E31#686A31#6D6531#716131#775B31

Colorpallet from #315B77 to #77315B and to #775B31
#315B77#315B77#315B77#315B77#315B77#315B77#315B77
#3C5473#3C5572#3C5671#3C5770#3C586F#3C5A6D#3C5B6C
#474E6E#47506C#47526A#475468#475666#475864#475B61
#53476A#534A67#534D63#535160#53545D#535759#535B55
#5E4065#5E4461#5E495C#5E4D58#5E5154#5E564F#5E5B4A
#693961#693E5C#694456#694951#694F4B#695446#695B3F
#77315B#773854#773E4E#774547#774C40#775339#775B31