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 #3B6D71 to #3B716D and to #6D3B71
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#3B6E70#3C6D70#3E6B70#3F6A70#406871#416771#436571
#3B6E70#3E6B70#406970#436670#456371#486071#4B5D71
#3B6F6F#3F6B6F#436770#476370#4A5E70#4E5A71#535571
#3B706E#406A6E#45656F#4A5F6F#4F5A70#555470#5B4D71
#3B706E#41696E#48626F#4E5B6F#555470#5B4E70#634571
#3B716D#43686E#4B606E#53576F#5B4E70#634670#6D3B71

Colorpallet from #3B6D71 to #3B716D and to #6D713B
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#3B6E70#3C6E6F#3E6E6D#3F6E6C#406E6B#416E6A#436E68
#3B6E70#3E6E6D#406E6B#436E68#456E66#486E63#4B6E60
#3B6F6F#3F6F6B#436F67#476F63#4A6F60#4E6F5C#536F57
#3B706E#407069#457064#4A705F#4F705A#557054#5B704E
#3B706E#417068#487061#4E705B#557054#5B704E#637046
#3B716D#437165#4B715D#537155#5B714D#637145#6D713B

Colorpallet from #3B6D71 to #3B716D and to #713B6D
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#3B6E70#3C6D70#3E6B70#3F6A70#416870#426770#446570
#3B6E70#3E6B70#406970#436670#466370#496070#4C5D70
#3B6F6F#3F6B6F#43676F#47636F#4C5E6F#505A6F#55556F
#3B706E#416A6E#46656E#4C5F6E#515A6E#57546E#5E4D6E
#3B706E#42696E#49626E#505B6E#57546E#5D4E6E#66456E
#3B716D#44686D#4C606D#55576D#5E4E6D#66466D#713B6D

Colorpallet from #3B6D71 to #3B716D and to #716D3B
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#3B6E70#3C6E6F#3E6E6D#3F6E6C#416D6B#426D6A#446D68
#3B6E70#3E6E6D#406E6B#436E68#466D66#496D63#4C6D60
#3B6F6F#3F6F6B#436E67#476E63#4C6E60#506D5C#556D57
#3B706E#417069#466F64#4C6F5F#516E5A#576E54#5E6D4E
#3B706E#427068#496F61#506F5B#576E54#5D6E4E#666D46
#3B716D#447065#4C705D#556F55#5E6E4D#666E45#716D3B

Colorpallet from #3B6D71 to #6D3B71 and to #6D713B
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#436571#436670#43686E#43696D#436B6B#436C6A#436E68
#4B5D71#4B606E#4B626C#4B6569#4B6866#4B6B63#4B6E60
#535571#53596D#535D69#536165#536660#536A5C#536F57
#5B4D71#5B536B#5B5866#5B5E60#5B635B#5B6955#5B704E
#634571#634C6A#635363#635A5C#636155#63674F#637046
#6D3B71#6D4468#6D4C60#6D5557#6D5E4E#6D6646#6D713B

Colorpallet from #3B6D71 to #6D3B71 and to #713B6D
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#436571#436571#436571#436571#446570#446570#446570
#4B5D71#4B5D71#4B5D71#4B5D71#4C5D70#4C5D70#4C5D70
#535571#535571#545570#545570#545570#55556F#55556F
#5B4D71#5B4D71#5C4D70#5C4D70#5D4D6F#5D4D6F#5E4D6E
#634571#634571#644570#644570#65456F#65456F#66456E
#6D3B71#6E3B70#6E3B70#6F3B6F#703B6E#703B6E#713B6D

Colorpallet from #3B6D71 to #6D3B71 and to #716D3B
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#436571#436670#43686E#43696D#446A6B#446B6A#446D68
#4B5D71#4B606E#4B626C#4B6569#4C6766#4C6A63#4C6D60
#535571#53596D#545D69#546165#546460#55685C#556D57
#5B4D71#5B526B#5C5766#5C5C60#5D615B#5D6755#5E6D4E
#634571#634B6A#645263#64585C#655F55#65654F#666D46
#6D3B71#6E4368#6E4B60#6F5357#705B4E#706346#716D3B

Colorpallet from #3B6D71 to #6D713B and to #713B6D
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#436E68#436D69#436B6B#436A6C#44686D#44676E#446570
#4B6E60#4B6B63#4B6965#4B6668#4C636A#4C606D#4C5D70
#536F57#536B5B#54675F#546363#545E66#555A6A#55556F
#5B704E#5B6A53#5C6558#5C5F5D#5D5A62#5D5468#5E4D6E
#637046#63694C#646253#645B59#655460#654E66#66456E
#6D713B#6E6843#6E604B#6F5753#704E5B#704663#713B6D

Colorpallet from #3B6D71 to #6D713B and to #716D3B
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#436E68#436E68#436E68#436E68#446D68#446D68#446D68
#4B6E60#4B6E60#4B6E60#4B6E60#4C6D60#4C6D60#4C6D60
#536F57#536F57#546E57#546E57#546E57#556D57#556D57
#5B704E#5B704E#5C6F4E#5C6F4E#5D6E4E#5D6E4E#5E6D4E
#637046#637046#646F46#646F46#656E46#656E46#666D46
#6D713B#6E703B#6E703B#6F6F3B#706E3B#706E3B#716D3B

Colorpallet from #3B6D71 to #713B6D and to #716D3B
#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71#3B6D71
#446570#44666F#44686D#44696C#446A6B#446B6A#446D68
#4C5D70#4C606D#4C626B#4C6568#4C6766#4C6A63#4C6D60
#55556F#55596B#555D67#556163#556460#55685C#556D57
#5E4D6E#5E5269#5E5764#5E5C5F#5E615A#5E6754#5E6D4E
#66456E#664B68#665261#66585B#665F54#66654E#666D46
#713B6D#714365#714B5D#715355#715B4D#716345#716D3B