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 #3A5E81 to #3A815E and to #5E3A81
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#3A647B#3B627C#3C607D#3D5E7E#3E5C7F#3F5A80#405881
#3A6976#3C6578#3E627A#405E7B#425A7D#44577F#465281
#3A6F70#3D6A73#3F6475#425F78#45597B#48547E#4B4D81
#3A746B#3E6D6F#416672#455E76#495779#4C507D#514781
#3A7A65#3F7169#43686E#485F72#4D5677#514C7B#574181
#3A815E#407664#466A69#4B5F6F#515474#57487A#5E3A81

Colorpallet from #3A5E81 to #3A815E and to #5E813A
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#3A647B#3B647A#3C6479#3D6479#3E6478#3F6477#406476
#3A6976#3C6974#3E6972#406970#42696E#44696C#46696A
#3A6F70#3D6F6D#3F6F6B#426F68#456F65#486F62#4B6F5F
#3A746B#3E7467#417464#457460#49745C#4C7459#517454
#3A7A65#3F7A60#437A5C#487A57#4D7A52#517A4E#577A48
#3A815E#408158#468152#4B814D#518147#578141#5E813A

Colorpallet from #3A5E81 to #3A815E and to #813A5E
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#3A647B#3C627B#3E607B#3F5E7B#415C7B#435A7B#45587B
#3A6976#3E6576#416276#455E76#495A76#4C5776#515276
#3A6F70#3F6A70#456470#4A5F70#505970#555470#5C4D70
#3A746B#416D6B#48666B#505E6B#57576B#5E506B#67476B
#3A7A65#437165#4C6865#555F65#5E5665#684C65#734165
#3A815E#45765E#516A5E#5C5F5E#67545E#73485E#813A5E

Colorpallet from #3A5E81 to #3A815E and to #815E3A
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#3A647B#3C637A#3E6279#3F6179#416078#435F77#455E76
#3A6976#3E6774#416572#456470#49626E#4C606C#515E6A
#3A6F70#3F6C6D#456A6B#4A6768#506465#556162#5C5E5F
#3A746B#417067#486D64#506960#57665C#5E6259#675E54
#3A7A65#437660#4C715C#556D57#5E6852#68644E#735E48
#3A815E#457B58#517652#5C704D#676B47#736541#815E3A

Colorpallet from #3A5E81 to #5E3A81 and to #5E813A
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#405881#405A7F#405C7D#405E7C#40607A#406278#406476
#465281#46567D#46597A#465D76#466172#46646F#46696A
#4B4D81#4B527C#4B5876#4B5D71#4B636B#4B6866#4B6F5F
#514781#514E7A#515573#515D6B#516464#516B5D#517454
#574181#574A78#57536F#575C66#57655D#576F53#577A48
#5E3A81#5E4576#5E516A#5E5C5F#5E6754#5E7348#5E813A

Colorpallet from #3A5E81 to #5E3A81 and to #813A5E
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#405881#415880#42587F#42587E#43587D#44587C#45587B
#465281#48527F#4A527D#4B527C#4D527A#4F5278#515276
#4B4D81#4E4D7E#504D7C#534D79#564D76#594D73#5C4D70
#514781#55477D#58477A#5C4776#5F4773#63476F#67476B
#574181#5B417D#604178#644174#69416F#6D416B#734165
#5E3A81#643A7B#693A76#6F3A70#743A6B#7A3A65#813A5E

Colorpallet from #3A5E81 to #5E3A81 and to #815E3A
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#405881#41597F#425A7D#425B7C#435C7A#445D78#455E76
#465281#48547D#4A567A#4B5876#4D5A72#4F5C6F#515E6A
#4B4D81#4E507C#505276#535571#56586B#595B66#5C5E5F
#514781#554B7A#584E73#5C526B#5F5664#63595D#675E54
#574181#5B4678#604A6F#644F66#69545D#6D5853#735E48
#5E3A81#644076#69466A#6F4B5F#745154#7A5748#815E3A

Colorpallet from #3A5E81 to #5E813A and to #813A5E
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#406476#416277#426078#425E78#435C79#445A7A#45587B
#46696A#48656C#4A626E#4B5E70#4D5A72#4F5774#515276
#4B6F5F#4E6A62#506464#535F67#56596A#59546D#5C4D70
#517454#556D58#58665B#5C5E5F#5F5763#635066#67476B
#577A48#5B714D#606851#645F56#69565B#6D4C5F#734165
#5E813A#647640#696A46#6F5F4B#745451#7A4857#813A5E

Colorpallet from #3A5E81 to #5E813A and to #815E3A
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#406476#416376#426276#426176#436076#445F76#455E76
#46696A#48676A#4A656A#4B646A#4D626A#4F606A#515E6A
#4B6F5F#4E6C5F#506A5F#53675F#56645F#59615F#5C5E5F
#517454#557054#586D54#5C6954#5F6654#636254#675E54
#577A48#5B7648#607148#646D48#696848#6D6448#735E48
#5E813A#647B3A#69763A#6F703A#746B3A#7A653A#815E3A

Colorpallet from #3A5E81 to #813A5E and to #815E3A
#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81#3A5E81
#45587B#45597A#455A79#455B79#455C78#455D77#455E76
#515276#515474#515672#515870#515A6E#515C6C#515E6A
#5C4D70#5C506D#5C526B#5C5568#5C5865#5C5B62#5C5E5F
#67476B#674B67#674E64#675260#67565C#675959#675E54
#734165#734660#734A5C#734F57#735452#73584E#735E48
#813A5E#814058#814652#814B4D#815147#815741#815E3A