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 #3A4785 to #3A8547 and to #473A85
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3A517B#3A4F7D#3B4D7E#3B4B80#3B4981#3C4783#3C4585
#3A5B71#3B5774#3B5377#3C4F7B#3D4C7E#3D4881#3E4385
#3A6567#3B5F6C#3C5971#3D5475#3E4E7A#3F487F#404185
#3A6F5D#3B6763#3D606A#3E5870#3F5077#40497D#423F85
#3A7953#3C6F5B#3D6663#3F5C6B#405373#42497B#443D85
#3A8547#3C7951#3E6D5B#406165#42556F#444979#473A85

Colorpallet from #3A4785 to #3A8547 and to #47853A
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3A517B#3A517B#3B517A#3B517A#3B517A#3C5179#3C5179
#3A5B71#3B5B70#3B5B70#3C5B6F#3D5B6E#3D5B6E#3E5B6D
#3A6567#3B6566#3C6565#3D6564#3E6563#3F6562#406561
#3A6F5D#3B6F5C#3D6F5A#3E6F59#3F6F58#406F57#426F55
#3A7953#3C7951#3D7950#3F794E#40794D#42794B#447949
#3A8547#3C8545#3E8543#408541#42853F#44853D#47853A

Colorpallet from #3A4785 to #3A8547 and to #853A47
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3A517B#3C4F7B#3E4D7B#404B7B#42497B#44477B#46457B
#3A5B71#3E5771#425371#464F71#494C71#4D4871#524371
#3A6567#405F67#465967#4B5467#514E67#574867#5E4167
#3A6F5D#42675D#49605D#51585D#59505D#60495D#6A3F5D
#3A7953#446F53#4D6653#575C53#605353#6A4953#763D53
#3A8547#467947#526D47#5E6147#6A5547#764947#853A47

Colorpallet from #3A4785 to #3A8547 and to #85473A
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3A517B#3C4F7B#3E4E7A#404C7A#424B7A#444979#464779
#3A5B71#3E5870#425570#46516F#494E6E#4D4B6E#52476D
#3A6567#406066#465B65#4B5764#515263#574D62#5E4761
#3A6F5D#42695C#49625A#515C59#595558#604F57#6A4755
#3A7953#447151#4D6950#57614E#60594D#6A514B#764749
#3A8547#467B45#527143#5E6741#6A5D3F#76533D#85473A

Colorpallet from #3A4785 to #473A85 and to #47853A
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3C4585#3C4783#3C4981#3C4B7F#3C4D7D#3C4F7B#3C5179
#3E4385#3E4781#3E4B7D#3E4F79#3E5276#3E5672#3E5B6D
#404185#40477F#404D79#405274#40586E#405E68#406561
#423F85#42477D#424E76#42566E#425E66#42655F#426F55
#443D85#44477B#445072#445A68#44635F#446D55#447949
#473A85#474679#47526D#475E61#476A55#477649#47853A

Colorpallet from #3A4785 to #473A85 and to #853A47
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3C4585#3E4583#3F4582#414580#42457F#44457D#46457B
#3E4385#414382#44437F#48437B#4B4378#4E4375#524371
#404185#454180#4A417B#4E4177#534172#58416D#5E4167
#423F85#483F7F#4F3F78#553F72#5C3F6B#623F65#6A3F5D
#443D85#4C3D7D#543D75#5C3D6D#643D65#6C3D5D#763D53
#473A85#513A7B#5B3A71#653A67#6F3A5D#793A53#853A47

Colorpallet from #3A4785 to #473A85 and to #85473A
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3C4585#3E4583#3F4681#41467F#42467D#44477B#464779
#3E4385#414481#44447D#484579#4B4676#4E4672#52476D
#404185#45427F#4A4379#4E4474#53456E#584668#5E4761
#423F85#48407D#4F4276#55436E#5C4466#62455F#6A4755
#443D85#4C3F7B#544072#5C4268#64435F#6C4555#764749
#473A85#513C79#5B3E6D#654061#6F4255#794449#85473A

Colorpallet from #3A4785 to #47853A and to #853A47
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3C5179#3E4F79#3F4D7A#414B7A#42497A#44477B#46457B
#3E5B6D#41576E#44536E#484F6F#4B4C70#4E4870#524371
#406561#455F62#4A5963#4E5464#534E65#584866#5E4167
#426F55#486756#4F6058#555859#5C505A#62495B#6A3F5D
#447949#4C6F4B#54664C#5C5C4E#64534F#6C4951#763D53
#47853A#51793C#5B6D3E#656140#6F5542#794944#853A47

Colorpallet from #3A4785 to #47853A and to #85473A
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#3C5179#3E4F79#3F4E79#414C79#424B79#444979#464779
#3E5B6D#41586D#44556D#48516D#4B4E6D#4E4B6D#52476D
#406561#456061#4A5B61#4E5761#535261#584D61#5E4761
#426F55#486955#4F6255#555C55#5C5555#624F55#6A4755
#447949#4C7149#546949#5C6149#645949#6C5149#764749
#47853A#517B3A#5B713A#65673A#6F5D3A#79533A#85473A

Colorpallet from #3A4785 to #853A47 and to #85473A
#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785#3A4785
#46457B#46457B#46467A#46467A#46467A#464779#464779
#524371#524470#524470#52456F#52466E#52466E#52476D
#5E4167#5E4266#5E4365#5E4464#5E4563#5E4662#5E4761
#6A3F5D#6A405C#6A425A#6A4359#6A4458#6A4557#6A4755
#763D53#763F51#764050#76424E#76434D#76454B#764749
#853A47#853C45#853E43#854041#85423F#85443D#85473A