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 #3B6B82 to #3B826B and to #6B3B82
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#3B6F7E#3C6D7F#3E6B7F#3F6980#406781#416581#436382
#3B727B#3D6E7C#406B7D#42677E#45647F#476081#4A5C82
#3B7677#3F7179#426B7B#46667C#4A607E#4D5B80#525482
#3B7A73#407375#456B78#4A647A#4F5D7D#54557F#5A4C82
#3B7D70#417473#476B76#4D6279#53597C#59507E#614582
#3B826B#43776F#4A6B72#526076#5A557A#61497D#6B3B82

Colorpallet from #3B6B82 to #3B826B and to #6B823B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#3B6F7E#3C6F7D#3E6F7C#3F6F7B#406F7A#416F78#436F77
#3B727B#3D7278#407276#427273#457271#47726E#4A726B
#3B7677#3F7673#427670#46766C#4A7668#4D7665#527660
#3B7A73#407A6E#457A69#4A7A65#4F7A60#547A5B#5A7A55
#3B7D70#417D6A#477D64#4D7D5D#537D57#597D51#617D49
#3B826B#438263#4A825C#528254#5A824C#618245#6B823B

Colorpallet from #3B6B82 to #3B826B and to #823B6B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#3B6F7E#3D6D7E#3F6B7E#40697E#42677E#44657E#46637E
#3B727B#3F6E7B#426B7B#46677B#4A647B#4D607B#525C7B
#3B7677#407177#466B77#4B6677#516077#565B77#5D5477
#3B7A73#427373#496B73#516473#585D73#5F5573#684C73
#3B7D70#447470#4D6B70#566270#5F5970#695070#744570
#3B826B#46776B#526B6B#5D606B#68556B#74496B#823B6B

Colorpallet from #3B6B82 to #3B826B and to #826B3B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#3B6F7E#3D6E7D#3F6E7C#406D7B#426C7A#446C78#466B77
#3B727B#3F7178#427076#466F73#4A6E71#4D6C6E#526B6B
#3B7677#407473#467270#4B716C#516F68#566D65#5D6B60
#3B7A73#42786E#497569#517365#587060#5F6E5B#686B55
#3B7D70#447A6A#4D7764#56745D#5F7157#696F51#746B49
#3B826B#467E63#527B5C#5D7754#68734C#747045#826B3B

Colorpallet from #3B6B82 to #6B3B82 and to #6B823B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#436382#436580#43677E#43697D#436B7B#436D79#436F77
#4A5C82#4A607E#4A637B#4A6777#4A6A73#4A6E70#4A726B
#525482#52597D#525F77#526472#526A6C#526F67#527660
#5A4C82#5A537B#5A5B74#5A626C#5A6965#5A715E#5A7A55
#614582#614E79#615770#616067#61695E#617254#617D49
#6B3B82#6B4677#6B526B#6B5D60#6B6855#6B7449#6B823B

Colorpallet from #3B6B82 to #6B3B82 and to #823B6B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#436382#436381#446381#446380#45637F#45637F#46637E
#4A5C82#4B5C81#4D5C80#4E5C7F#4F5C7E#505C7C#525C7B
#525482#545480#56547E#57547D#59547B#5B5479#5D5477
#5A4C82#5C4C80#5E4C7D#614C7B#634C78#654C76#684C73
#614582#64457F#67457C#6A4579#6D4576#704574#744570
#6B3B82#6F3B7E#723B7B#763B77#7A3B73#7D3B70#823B6B

Colorpallet from #3B6B82 to #6B3B82 and to #826B3B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#436382#436480#44667E#44677D#45687B#456979#466B77
#4A5C82#4B5E7E#4D617B#4E6377#4F6673#506870#526B6B
#525482#54587D#565B77#575F72#59636C#5B6667#5D6B60
#5A4C82#5C517B#5E5674#615B6C#636065#65655E#686B55
#614582#644B79#675170#6A5767#6D5D5E#706354#746B49
#6B3B82#6F4377#724A6B#765260#7A5A55#7D6149#826B3B

Colorpallet from #3B6B82 to #6B823B and to #823B6B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#436F77#436D78#446B79#44697A#45677B#45657D#46637E
#4A726B#4B6E6E#4D6B70#4E6773#4F6475#506078#525C7B
#527660#547164#566B67#57666B#59606F#5B5B72#5D5477
#5A7A55#5C735A#5E6B5F#616463#635D68#65556D#684C73
#617D49#64744F#676B55#6A625C#6D5962#705068#744570
#6B823B#6F7743#726B4A#766052#7A555A#7D4961#823B6B

Colorpallet from #3B6B82 to #6B823B and to #826B3B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#436F77#436E77#446E77#446D77#456C77#456C77#466B77
#4A726B#4B716B#4D706B#4E6F6B#4F6E6B#506C6B#526B6B
#527660#547460#567260#577160#596F60#5B6D60#5D6B60
#5A7A55#5C7855#5E7555#617355#637055#656E55#686B55
#617D49#647A49#677749#6A7449#6D7149#706F49#746B49
#6B823B#6F7E3B#727B3B#76773B#7A733B#7D703B#826B3B

Colorpallet from #3B6B82 to #823B6B and to #826B3B
#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82#3B6B82
#46637E#46647D#46667C#46677B#46687A#466978#466B77
#525C7B#525E78#526176#526373#526671#52686E#526B6B
#5D5477#5D5873#5D5B70#5D5F6C#5D6368#5D6665#5D6B60
#684C73#68516E#685669#685B65#686060#68655B#686B55
#744570#744B6A#745164#74575D#745D57#746351#746B49
#823B6B#824363#824A5C#825254#825A4C#826145#826B3B