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 #3B696E to #3B6E69 and to #693B6E
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#3B6A6D#3C696D#3D676D#3E666D#3F656E#41646E#42626E
#3B6B6C#3D686C#40666D#42636D#45606D#475D6E#4A5A6E
#3B6B6C#3F676C#42636D#465F6D#495C6D#4D586E#51536E
#3B6C6B#40676B#44626C#495D6C#4E586D#52526D#584C6E
#3B6D6A#41666B#47606B#4D596C#53536D#594C6D#60446E
#3B6E69#42666A#4A5E6B#51566B#584D6C#60456D#693B6E

Colorpallet from #3B696E to #3B6E69 and to #696E3B
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#3B6A6D#3C6A6C#3D6A6B#3E6A6A#3F6A69#416A67#426A66
#3B6B6C#3D6B6A#406B68#426B65#456B63#476B61#4A6B5E
#3B6B6C#3F6B68#426B65#466B61#496B5E#4D6B5A#516B56
#3B6C6B#406C66#446C61#496C5D#4E6C58#526C53#586C4D
#3B6D6A#416D64#476D5E#4D6D58#536D52#596D4C#606D45
#3B6E69#426E62#4A6E5A#516E53#586E4C#606E44#696E3B

Colorpallet from #3B696E to #3B6E69 and to #6E3B69
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#3B6A6D#3C696D#3E676D#3F666D#40656D#41646D#43626D
#3B6B6C#3E686C#40666C#43636C#45606C#485D6C#4B5A6C
#3B6B6C#3F676C#43636C#475F6C#4A5C6C#4E586C#53536C
#3B6C6B#40676B#46626B#4B5D6B#50586B#55526B#5C4C6B
#3B6D6A#42666A#48606A#4F596A#55536A#5C4C6A#64446A
#3B6E69#436669#4B5E69#535669#5C4D69#644569#6E3B69

Colorpallet from #3B696E to #3B6E69 and to #6E693B
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#3B6A6D#3C6A6C#3E6A6B#3F6A6A#406969#416967#436966
#3B6B6C#3E6B6A#406A68#436A65#456A63#486961#4B695E
#3B6B6C#3F6B68#436A65#476A61#4A6A5E#4E695A#536956
#3B6C6B#406C66#466B61#4B6B5D#506A58#556A53#5C694D
#3B6D6A#426C64#486C5E#4F6B58#556A52#5C6A4C#646945
#3B6E69#436D62#4B6C5A#536C53#5C6B4C#646A44#6E693B

Colorpallet from #3B696E to #693B6E and to #696E3B
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#42626E#42636D#42656B#42666A#426769#426868#426A66
#4A5A6E#4A5D6B#4A5F69#4A6266#4A6564#4A6861#4A6B5E
#51536E#51576A#515B66#515F62#51625F#51665B#516B56
#584C6E#585169#585663#585B5E#586059#586654#586C4D
#60446E#604B67#605161#60585A#605E54#60654D#606D45
#693B6E#694366#694B5E#695356#695C4D#696445#696E3B

Colorpallet from #3B696E to #693B6E and to #6E3B69
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#42626E#42626E#42626E#42626E#43626D#43626D#43626D
#4A5A6E#4A5A6E#4A5A6D#4A5A6D#4B5A6D#4B5A6C#4B5A6C
#51536E#51536E#52536D#52536D#52536D#53536C#53536C
#584C6E#594C6E#594C6D#5A4C6D#5B4C6C#5B4C6C#5C4C6B
#60446E#61446D#61446D#62446C#63446B#63446B#64446A
#693B6E#6A3B6D#6B3B6C#6B3B6C#6C3B6B#6D3B6A#6E3B69

Colorpallet from #3B696E to #693B6E and to #6E693B
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#42626E#42636D#42646B#42656A#436669#436868#436966
#4A5A6E#4A5C6B#4A5F69#4A6166#4B6464#4B6661#4B695E
#51536E#51576A#525A66#525E62#52615F#53655B#536956
#584C6E#595169#595563#5A5A5E#5B5F59#5B6354#5C694D
#60446E#614A67#615061#62565A#635C54#63624D#646945
#693B6E#6A4266#6B4A5E#6B5156#6C584D#6D6045#6E693B

Colorpallet from #3B696E to #696E3B and to #6E3B69
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#426A66#426967#426768#426669#43656A#43646C#43626D
#4A6B5E#4A6860#4A6662#4A6365#4B6067#4B5D69#4B5A6C
#516B56#51675A#52635D#525F61#525C64#535868#53536C
#586C4D#596752#596257#5A5D5B#5B5860#5B5265#5C4C6B
#606D45#61664B#616051#625957#63535D#634C63#64446A
#696E3B#6A6642#6B5E4A#6B5651#6C4D58#6D4560#6E3B69

Colorpallet from #3B696E to #696E3B and to #6E693B
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#426A66#426A66#426A66#426A66#436966#436966#436966
#4A6B5E#4A6B5E#4A6A5E#4A6A5E#4B6A5E#4B695E#4B695E
#516B56#516B56#526A56#526A56#526A56#536956#536956
#586C4D#596C4D#596B4D#5A6B4D#5B6A4D#5B6A4D#5C694D
#606D45#616C45#616C45#626B45#636A45#636A45#646945
#696E3B#6A6D3B#6B6C3B#6B6C3B#6C6B3B#6D6A3B#6E693B

Colorpallet from #3B696E to #6E3B69 and to #6E693B
#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E#3B696E
#43626D#43636C#43646B#43656A#436669#436867#436966
#4B5A6C#4B5C6A#4B5F68#4B6165#4B6463#4B6661#4B695E
#53536C#535768#535A65#535E61#53615E#53655A#536956
#5C4C6B#5C5166#5C5561#5C5A5D#5C5F58#5C6353#5C694D
#64446A#644A64#64505E#645658#645C52#64624C#646945
#6E3B69#6E4262#6E4A5A#6E5153#6E584C#6E6044#6E693B