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 #3B6673 to #3B7366 and to #663B73
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#3B6871#3C6771#3D6572#3E6472#3F6272#416173#425F73
#3B6A6F#3D6770#3F6470#426171#445E72#465C72#495873
#3B6C6D#3E686E#42636F#455F70#485B71#4C5672#505173
#3B6E6B#3F686C#44626E#485D6F#4D5770#515171#574A73
#3B7069#40696B#46626C#4B5B6E#51546F#564D71#5D4473
#3B7366#426A68#49616A#50586C#574F6E#5D4670#663B73

Colorpallet from #3B6673 to #3B7366 and to #66733B
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#3B6871#3C6870#3D686F#3E686E#3F686D#41686B#42686A
#3B6A6F#3D6A6D#3F6A6B#426A68#446A66#466A64#496A61
#3B6C6D#3E6C6A#426C66#456C63#486C60#4C6C5C#506C58
#3B6E6B#3F6E67#446E62#486E5E#4D6E59#516E55#576E4F
#3B7069#407063#46705E#4B7058#517053#56704D#5D7046
#3B7366#42735F#497358#507351#57734A#5D7344#66733B

Colorpallet from #3B6673 to #3B7366 and to #733B66
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#3B6871#3C6771#3E6571#3F6471#416271#426171#445F71
#3B6A6F#3E676F#41646F#44616F#475E6F#495C6F#4D586F
#3B6C6D#3F686D#44636D#485F6D#4C5B6D#51566D#56516D
#3B6E6B#41686B#47626B#4C5D6B#52576B#58516B#5F4A6B
#3B7069#426969#496269#515B69#585469#5F4D69#684469
#3B7366#446A66#4D6166#565866#5F4F66#684666#733B66

Colorpallet from #3B6673 to #3B7366 and to #73663B
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#3B6871#3C6870#3E676F#3F676E#41676D#42666B#44666A
#3B6A6F#3E696D#41696B#446868#476766#496764#4D6661
#3B6C6D#3F6B6A#446A66#486963#4C6860#51675C#566658
#3B6E6B#416D67#476B62#4C6A5E#526959#586855#5F664F
#3B7069#426E63#496D5E#516B58#586A53#5F684D#686646
#3B7366#44715F#4D6F58#566D51#5F6B4A#686944#73663B

Colorpallet from #3B6673 to #663B73 and to #66733B
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#425F73#426072#426270#42636F#42656D#42666C#42686A
#495873#495B70#495E6D#49616A#496467#496665#496A61
#505173#50556F#505A6A#505E66#506262#50675D#506C58
#574A73#57506D#575667#575B62#57615C#576756#576E4F
#5D4473#5D4B6C#5D5265#5D595D#5D6056#5D674F#5D7046
#663B73#66446A#664D61#665658#665F4F#666846#66733B

Colorpallet from #3B6673 to #663B73 and to #733B66
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#425F73#425F73#435F72#435F72#435F72#445F71#445F71
#495873#4A5872#4A5872#4B5871#4C5870#4C5870#4D586F
#505173#515172#525171#535170#54516F#55516E#56516D
#574A73#584A72#5A4A70#5B4A6F#5C4A6E#5D4A6D#5F4A6B
#5D4473#5F4471#614470#62446E#64446D#66446B#684469
#663B73#683B71#6A3B6F#6C3B6D#6E3B6B#703B69#733B66

Colorpallet from #3B6673 to #663B73 and to #73663B
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#425F73#426072#436170#43626F#43636D#44656C#44666A
#495873#4A5A70#4A5C6D#4B5F6A#4C6167#4C6365#4D6661
#505173#51546F#52586A#535B66#545E62#55625D#566658
#574A73#584E6D#5A5367#5B5762#5C5C5C#5D6056#5F664F
#5D4473#5F496C#614F65#62545D#645A56#665F4F#686646
#663B73#68426A#6A4961#6C5058#6E574F#705D46#73663B

Colorpallet from #3B6673 to #66733B and to #733B66
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#42686A#42676B#43656C#43646D#43626E#446170#445F71
#496A61#4A6763#4A6465#4B6168#4C5E6A#4C5C6C#4D586F
#506C58#51685B#52635F#535F62#545B65#555669#56516D
#576E4F#586853#5A6258#5B5D5C#5C5761#5D5165#5F4A6B
#5D7046#5F694C#616251#625B57#64545C#664D62#684469
#66733B#686A42#6A6149#6C5850#6E4F57#70465D#733B66

Colorpallet from #3B6673 to #66733B and to #73663B
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#42686A#42686A#43676A#43676A#43676A#44666A#44666A
#496A61#4A6961#4A6961#4B6861#4C6761#4C6761#4D6661
#506C58#516B58#526A58#536958#546858#556758#566658
#576E4F#586D4F#5A6B4F#5B6A4F#5C694F#5D684F#5F664F
#5D7046#5F6E46#616D46#626B46#646A46#666846#686646
#66733B#68713B#6A6F3B#6C6D3B#6E6B3B#70693B#73663B

Colorpallet from #3B6673 to #733B66 and to #73663B
#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673#3B6673
#445F71#446070#44616F#44626E#44636D#44656B#44666A
#4D586F#4D5A6D#4D5C6B#4D5F68#4D6166#4D6364#4D6661
#56516D#56546A#565866#565B63#565E60#56625C#566658
#5F4A6B#5F4E67#5F5362#5F575E#5F5C59#5F6055#5F664F
#684469#684963#684F5E#685458#685A53#685F4D#686646
#733B66#73425F#734958#735051#73574A#735D44#73663B