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 #3A4C6E to #3A6E4C and to #4C3A6E
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3A5169#3A506A#3B4E6B#3B4D6B#3C4C6C#3C4B6D#3D496E
#3A5763#3B5465#3C5267#3D4F68#3E4C6A#3F496C#40466E
#3A5C5E#3B5861#3D5463#3E5066#404C68#41486B#43436E
#3A6258#3C5D5C#3E575F#405263#424C66#44476A#46406E
#3A6753#3C6057#3E5A5C#415360#434D64#454669#483E6E
#3A6E4C#3D6651#405D57#43555C#464D62#484467#4C3A6E

Colorpallet from #3A4C6E to #3A6E4C and to #4C6E3A
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3A5169#3A5169#3B5168#3B5168#3C5167#3C5167#3D5166
#3A5763#3B5762#3C5761#3D5760#3E575F#3F575E#40575D
#3A5C5E#3B5C5D#3D5C5B#3E5C5A#405C58#415C57#435C55
#3A6258#3C6256#3E6254#406253#426251#44624F#46624D
#3A6753#3C6751#3E674E#41674C#436749#456747#486744
#3A6E4C#3D6E49#406E46#436E43#466E40#486E3E#4C6E3A

Colorpallet from #3A4C6E to #3A6E4C and to #6E3A4C
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3A5169#3B5069#3D4E69#3E4D69#3F4C69#404B69#424969
#3A5763#3D5463#3F5263#424F63#454C63#484963#4B4663
#3A5C5E#3E585E#42545E#46505E#4A4C5E#4E485E#53435E
#3A6258#3F5D58#455758#4A5258#4F4C58#544758#5B4058
#3A6753#416053#475A53#4E5353#554D53#5C4653#643E53
#3A6E4C#42664C#4B5D4C#53554C#5B4D4C#64444C#6E3A4C

Colorpallet from #3A4C6E to #3A6E4C and to #6E4C3A
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3A5169#3B5069#3D4F68#3E4F68#3F4E67#404D67#424C66
#3A5763#3D5562#3F5361#425260#45505F#484E5E#4B4C5D
#3A5C5E#3E595D#42575B#46545A#4A5258#4E4F57#534C55
#3A6258#3F5E56#455B54#4A5753#4F5451#54504F#5B4C4D
#3A6753#416351#475E4E#4E5A4C#555649#5C5147#644C44
#3A6E4C#426949#4B6346#535E43#5B5840#64533E#6E4C3A

Colorpallet from #3A4C6E to #4C3A6E and to #4C6E3A
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3D496E#3D4A6D#3D4C6B#3D4D6A#3D4E69#3D4F68#3D5166
#40466E#40496B#404B69#404E66#405163#405460#40575D
#43436E#43476A#434B66#434F62#43535E#43575A#435C55
#46406E#464569#464B63#46505E#465659#465B54#46624D
#483E6E#484567#484B61#48525A#485853#485F4C#486744
#4C3A6E#4C4266#4C4B5D#4C5355#4C5B4D#4C6444#4C6E3A

Colorpallet from #3A4C6E to #4C3A6E and to #6E3A4C
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3D496E#3E496D#3F496C#3F496C#40496B#41496A#424969
#40466E#42466C#44466A#454669#474667#494665#4B4663
#43436E#46436B#484369#4B4366#4D4364#504361#53435E
#46406E#49406A#4D4067#504063#534060#57405C#5B4058
#483E6E#4C3E6A#513E65#553E61#5A3E5D#5E3E58#643E53
#4C3A6E#513A69#573A63#5C3A5E#623A58#673A53#6E3A4C

Colorpallet from #3A4C6E to #4C3A6E and to #6E4C3A
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3D496E#3E496D#3F4A6B#3F4A6A#404B69#414B68#424C66
#40466E#42476B#444869#454966#474A63#494B60#4B4C5D
#43436E#46446A#484666#4B4762#4D495E#504A5A#534C55
#46406E#494269#4D4463#50465E#534859#574A54#5B4C4D
#483E6E#4C4067#514261#55455A#5A4753#5E494C#644C44
#4C3A6E#513D66#57405D#5C4355#62464D#674844#6E4C3A

Colorpallet from #3A4C6E to #4C6E3A and to #6E3A4C
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3D5166#3E5066#3F4E67#3F4D67#404C68#414B68#424969
#40575D#42545E#44525F#454F60#474C61#494962#4B4663
#435C55#465856#485458#4B5059#4D4C5B#50485C#53435E
#46624D#495D4F#4D5751#505252#534C54#574756#5B4058
#486744#4C6046#515A49#55534B#5A4D4E#5E4650#643E53
#4C6E3A#51663D#575D40#5C5543#624D46#674448#6E3A4C

Colorpallet from #3A4C6E to #4C6E3A and to #6E4C3A
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#3D5166#3E5066#3F4F66#3F4F66#404E66#414D66#424C66
#40575D#42555D#44535D#45525D#47505D#494E5D#4B4C5D
#435C55#465955#485755#4B5455#4D5255#504F55#534C55
#46624D#495E4D#4D5B4D#50574D#53544D#57504D#5B4C4D
#486744#4C6344#515E44#555A44#5A5644#5E5144#644C44
#4C6E3A#51693A#57633A#5C5E3A#62583A#67533A#6E4C3A

Colorpallet from #3A4C6E to #6E3A4C and to #6E4C3A
#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E#3A4C6E
#424969#424969#424A68#424A68#424B67#424B67#424C66
#4B4663#4B4762#4B4861#4B4960#4B4A5F#4B4B5E#4B4C5D
#53435E#53445D#53465B#53475A#534958#534A57#534C55
#5B4058#5B4256#5B4454#5B4653#5B4851#5B4A4F#5B4C4D
#643E53#644051#64424E#64454C#644749#644947#644C44
#6E3A4C#6E3D49#6E4046#6E4343#6E4640#6E483E#6E4C3A