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 #3C686E to #3C6E68 and to #683C6E
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#3C696D#3D686D#3E666D#3F656D#40646E#42636E#43616E
#3C6A6C#3E676C#40656D#43626D#45606D#475D6E#4A5A6E
#3C6B6B#3F676B#43636C#465F6C#495C6D#4D586D#51536E
#3C6C6A#40676B#45626B#495D6C#4E586D#52526D#584C6E
#3C6D69#42676A#47606B#4D5A6B#52536C#584D6D#5F456E
#3C6E68#436669#4A5E6A#51566B#584E6C#5F466D#683C6E

Colorpallet from #3C686E to #3C6E68 and to #686E3C
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#3C696D#3D696C#3E696B#3F696A#406969#426967#436966
#3C6A6C#3E6A6A#406A68#436A65#456A63#476A61#4A6A5E
#3C6B6B#3F6B68#436B64#466B61#496B5E#4D6B5A#516B56
#3C6C6A#406C66#456C61#496C5D#4E6C58#526C54#586C4E
#3C6D69#426D63#476D5E#4D6D58#526D53#586D4D#5F6D46
#3C6E68#436E61#4A6E5A#516E53#586E4C#5F6E45#686E3C

Colorpallet from #3C686E to #3C6E68 and to #6E3C68
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#3C696D#3D686D#3F666D#40656D#41646D#42636D#44616D
#3C6A6C#3F676C#41656C#44626C#46606C#495D6C#4C5A6C
#3C6B6B#40676B#44636B#485F6B#4B5C6B#4F586B#54536B
#3C6C6A#41676A#46626A#4B5D6A#50586A#56526A#5C4C6A
#3C6D69#426769#496069#4F5A69#565369#5C4D69#644569
#3C6E68#446668#4C5E68#545668#5C4E68#644668#6E3C68

Colorpallet from #3C686E to #3C6E68 and to #6E683C
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#3C696D#3D696C#3F696B#40696A#416869#426867#446866
#3C6A6C#3F6A6A#416968#446965#466963#496861#4C685E
#3C6B6B#406B68#446A64#486A61#4B695E#4F695A#546856
#3C6C6A#416B66#466B61#4B6A5D#506958#566954#5C684E
#3C6D69#426C63#496B5E#4F6B58#566A53#5C694D#646846
#3C6E68#446D61#4C6C5A#546B53#5C6A4C#646945#6E683C

Colorpallet from #3C686E to #683C6E and to #686E3C
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#43616E#43626D#43646B#43656A#436669#436768#436966
#4A5A6E#4A5D6B#4A5F69#4A6266#4A6464#4A6761#4A6A5E
#51536E#51576A#515B66#515F62#51625F#51665B#516B56
#584C6E#585169#585664#585B5F#58605A#586654#586C4E
#5F456E#5F4B68#5F5261#5F585B#5F5F54#5F654E#5F6D46
#683C6E#684466#684C5E#685456#685C4E#686446#686E3C

Colorpallet from #3C686E to #683C6E and to #6E3C68
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#43616E#43616E#43616E#43616E#44616D#44616D#44616D
#4A5A6E#4A5A6E#4B5A6D#4B5A6D#4B5A6D#4C5A6C#4C5A6C
#51536E#51536E#52536D#52536D#53536C#53536C#54536B
#584C6E#594C6D#594C6D#5A4C6C#5B4C6B#5B4C6B#5C4C6A
#5F456E#60456D#61456C#61456C#62456B#63456A#644569
#683C6E#693C6D#6A3C6C#6B3C6B#6C3C6A#6D3C69#6E3C68

Colorpallet from #3C686E to #683C6E and to #6E683C
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#43616E#43626D#43636B#43646A#446569#446768#446866
#4A5A6E#4A5C6B#4B5E69#4B6166#4B6364#4C6561#4C685E
#51536E#51566A#525A66#525D62#53605F#53645B#546856
#584C6E#595069#595564#5A595F#5B5E5A#5B6254#5C684E
#5F456E#604B68#615061#61565B#625B54#63614E#646846
#683C6E#694366#6A4A5E#6B5156#6C584E#6D5F46#6E683C

Colorpallet from #3C686E to #686E3C and to #6E3C68
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#436966#436867#436668#436569#44646A#44636C#44616D
#4A6A5E#4A6760#4B6562#4B6265#4B6067#4C5D69#4C5A6C
#516B56#516759#52635D#525F60#535C63#535867#54536B
#586C4E#596752#596257#5A5D5B#5B5860#5B5264#5C4C6A
#5F6D46#60674C#616051#615A57#62535C#634D62#644569
#686E3C#696643#6A5E4A#6B5651#6C4E58#6D465F#6E3C68

Colorpallet from #3C686E to #686E3C and to #6E683C
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#436966#436966#436966#436966#446866#446866#446866
#4A6A5E#4A6A5E#4B695E#4B695E#4B695E#4C685E#4C685E
#516B56#516B56#526A56#526A56#536956#536956#546856
#586C4E#596B4E#596B4E#5A6A4E#5B694E#5B694E#5C684E
#5F6D46#606C46#616B46#616B46#626A46#636946#646846
#686E3C#696D3C#6A6C3C#6B6B3C#6C6A3C#6D693C#6E683C

Colorpallet from #3C686E to #6E3C68 and to #6E683C
#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E#3C686E
#44616D#44626C#44636B#44646A#446569#446767#446866
#4C5A6C#4C5C6A#4C5E68#4C6165#4C6363#4C6561#4C685E
#54536B#545668#545A64#545D61#54605E#54645A#546856
#5C4C6A#5C5066#5C5561#5C595D#5C5E58#5C6254#5C684E
#644569#644B63#64505E#645658#645B53#64614D#646846
#6E3C68#6E4361#6E4A5A#6E5153#6E584C#6E5F45#6E683C