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 #3A4C83 to #3A834C and to #4C3A83
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3A557A#3A537B#3B517D#3B4F7E#3C4D80#3C4B81#3D4983
#3A5E71#3B5A74#3C5677#3D527A#3E4F7D#3F4B7F#404683
#3A6669#3B606D#3D5B71#3E5575#40507A#414A7E#434383
#3A6F60#3C6766#3E606B#405871#425176#44497C#464083
#3A7857#3C6F5E#3E6565#415C6C#435373#454A7A#483E83
#3A834C#3D7755#406C5E#436066#46546F#484978#4C3A83

Colorpallet from #3A4C83 to #3A834C and to #4C833A
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3A557A#3A557A#3B5579#3B5579#3C5578#3C5578#3D5577
#3A5E71#3B5E70#3C5E6F#3D5E6F#3E5E6E#3F5E6D#405E6C
#3A6669#3B6668#3D6666#3E6665#406663#416662#436660
#3A6F60#3C6F5E#3E6F5C#406F5A#426F58#446F56#466F54
#3A7857#3C7855#3E7853#417850#43784E#45784C#487849
#3A834C#3D8349#408346#438343#468340#48833E#4C833A

Colorpallet from #3A4C83 to #3A834C and to #833A4C
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3A557A#3C537A#3E517A#404F7A#424D7A#444B7A#46497A
#3A5E71#3E5A71#415671#455271#494F71#4C4B71#514671
#3A6669#406069#455B69#4B5569#505069#564A69#5D4369
#3A6F60#426760#496060#515860#585160#604960#694060
#3A7857#436F57#4D6557#565C57#5F5357#684A57#743E57
#3A834C#46774C#516C4C#5D604C#69544C#74494C#833A4C

Colorpallet from #3A4C83 to #3A834C and to #834C3A
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3A557A#3C547A#3E5279#405179#424F78#444E78#464C77
#3A5E71#3E5B70#41586F#45556F#49526E#4C506D#514C6C
#3A6669#406268#455E66#4B5A65#505563#565162#5D4C60
#3A6F60#42695E#49645C#515E5A#585958#605356#694C54
#3A7857#437155#4D6A53#566350#5F5C4E#68554C#744C49
#3A834C#467A49#517146#5D6943#696040#74573E#834C3A

Colorpallet from #3A4C83 to #4C3A83 and to #4C833A
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3D4983#3D4B81#3D4D7F#3D4F7D#3D517B#3D5379#3D5577
#404683#404A7F#404E7C#405278#405574#405971#405E6C
#434383#43497D#434E78#435472#43596D#435F67#436660
#464083#46487B#464F74#46576C#465E65#46665D#466F54
#483E83#48477A#485170#485A67#48635E#486C55#487849
#4C3A83#4C4677#4C516C#4C5D60#4C6954#4C7449#4C833A

Colorpallet from #3A4C83 to #4C3A83 and to #833A4C
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3D4983#3E4982#404980#41497F#43497D#44497C#46497A
#404683#434680#45467D#48467A#4B4677#4E4675#514671
#434383#47437F#4B437B#4F4377#544372#58436E#5D4369
#464083#4C407D#514078#574072#5C406D#624067#694060
#483E83#4F3E7C#563E75#5D3E6E#643E67#6B3E60#743E57
#4C3A83#553A7A#5E3A71#663A69#6F3A60#783A57#833A4C

Colorpallet from #3A4C83 to #4C3A83 and to #834C3A
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3D4983#3E4981#404A7F#414A7D#434B7B#444B79#464C77
#404683#43477F#45487C#484978#4B4A74#4E4B71#514C6C
#434383#47447D#4B4678#4F4772#54496D#584A67#5D4C60
#464083#4C427B#514474#57466C#5C4865#624A5D#694C54
#483E83#4F407A#564270#5D4567#64475E#6B4955#744C49
#4C3A83#553D77#5E406C#664360#6F4654#784849#834C3A

Colorpallet from #3A4C83 to #4C833A and to #833A4C
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3D5577#3E5377#405178#414F78#434D79#444B79#46497A
#405E6C#435A6D#45566E#48526E#4B4F6F#4E4B70#514671
#436660#476061#4B5B63#4F5564#545066#584A67#5D4369
#466F54#4C6756#516058#57585A#5C515C#62495E#694060
#487849#4F6F4B#56654D#5D5C50#645352#6B4A54#743E57
#4C833A#55773D#5E6C40#666043#6F5446#784948#833A4C

Colorpallet from #3A4C83 to #4C833A and to #834C3A
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#3D5577#3E5477#405277#415177#434F77#444E77#464C77
#405E6C#435B6C#45586C#48556C#4B526C#4E506C#514C6C
#436660#476260#4B5E60#4F5A60#545560#585160#5D4C60
#466F54#4C6954#516454#575E54#5C5954#625354#694C54
#487849#4F7149#566A49#5D6349#645C49#6B5549#744C49
#4C833A#557A3A#5E713A#66693A#6F603A#78573A#834C3A

Colorpallet from #3A4C83 to #833A4C and to #834C3A
#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83#3A4C83
#46497A#46497A#464A79#464A79#464B78#464B78#464C77
#514671#514770#51486F#51496F#514A6E#514B6D#514C6C
#5D4369#5D4468#5D4666#5D4765#5D4963#5D4A62#5D4C60
#694060#69425E#69445C#69465A#694858#694A56#694C54
#743E57#744055#744253#744550#74474E#74494C#744C49
#833A4C#833D49#834046#834343#834640#83483E#834C3A