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 #3A5C84 to #3A845C and to #5C3A84
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3A627E#3B607F#3C5E80#3C5D81#3D5B82#3E5983#3F5784
#3A6977#3C6579#3E617B#3F5D7D#415A7F#435681#455184
#3A6F71#3D6974#3F6477#425E7A#44597D#475380#4A4C84
#3A766A#3E6E6E#416772#455F76#48577B#4C507F#504684
#3A7C64#3E7369#43696E#476073#4B5678#504D7E#554184
#3A845C#3F7862#456C69#4A606F#505576#55497C#5C3A84

Colorpallet from #3A5C84 to #3A845C and to #5C843A
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3A627E#3B627D#3C627C#3C627B#3D627A#3E6279#3F6278
#3A6977#3C6975#3E6973#3F6972#416970#43696E#45696C
#3A6F71#3D6F6E#3F6F6C#426F69#446F66#476F63#4A6F60
#3A766A#3E7667#417663#457660#48765D#4C7659#507655
#3A7C64#3E7C60#437C5B#477C57#4B7C53#507C4E#557C49
#3A845C#3F8457#458451#4A844C#508446#558441#5C843A

Colorpallet from #3A5C84 to #3A845C and to #843A5C
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3A627E#3C607E#3E5E7E#405D7E#425B7E#44597E#46577E
#3A6977#3E6577#426177#465D77#495A77#4D5677#525177
#3A6F71#406971#466471#4B5E71#515971#575371#5E4C71
#3A766A#426E6A#49676A#515F6A#58576A#60506A#69466A
#3A7C64#437364#4D6964#566064#605664#694D64#754164
#3A845C#46785C#526C5C#5E605C#69555C#75495C#843A5C

Colorpallet from #3A5C84 to #3A845C and to #845C3A
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3A627E#3C617D#3E607C#405F7B#425E7A#445D79#465C78
#3A6977#3E6775#426573#466372#496170#4D5F6E#525C6C
#3A6F71#406C6E#46696C#4B6669#516366#576063#5E5C60
#3A766A#427267#496E63#516A60#58655D#606159#695C55
#3A7C64#437760#4D725B#566D57#606853#69624E#755C49
#3A845C#467E57#527751#5E714C#696A46#756441#845C3A

Colorpallet from #3A5C84 to #5C3A84 and to #5C843A
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3F5784#3F5982#3F5B80#3F5C7E#3F5E7C#3F607A#3F6278
#455184#455580#45597C#455D78#456075#456471#45696C
#4A4C84#4A527E#4A5778#4A5D73#4A626D#4A6867#4A6F60
#504684#504E7C#505575#505D6D#506566#506C5E#507655
#554184#554A7B#555471#555D68#55675E#557055#557C49
#5C3A84#5C4678#5C526C#5C5E60#5C6955#5C7549#5C843A

Colorpallet from #3A5C84 to #5C3A84 and to #843A5C
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3F5784#405783#415782#425781#435780#45577F#46577E
#455184#475182#495180#4B517E#4D517C#4F517A#525177
#4A4C84#4D4C81#504C7E#544C7B#574C78#5A4C75#5E4C71
#504684#544680#58467C#5C4678#604673#64466F#69466A
#554184#5A417F#5F417A#644175#694170#6F416A#754164
#5C3A84#623A7E#693A77#6F3A71#763A6A#7C3A64#843A5C

Colorpallet from #3A5C84 to #5C3A84 and to #845C3A
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3F5784#405882#415980#42597E#435A7C#455B7A#465C78
#455184#475380#49557C#4B5678#4D5875#4F5A71#525C6C
#4A4C84#4D4F7E#505178#545473#57566D#5A5967#5E5C60
#504684#544A7C#584D75#5C516D#605466#64585E#695C55
#554184#5A457B#5F4A71#644E68#69525E#6F5755#755C49
#5C3A84#623F78#69456C#6F4A60#765055#7C5549#845C3A

Colorpallet from #3A5C84 to #5C843A and to #843A5C
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3F6278#406079#415E7A#425D7B#435B7C#45597D#46577E
#45696C#47656E#496170#4B5D71#4D5A73#4F5675#525177
#4A6F60#4D6963#506465#545E68#57596B#5A536E#5E4C71
#507655#546E58#58675C#5C5F5F#605762#645066#69466A
#557C49#5A734D#5F6952#646056#69565A#6F4D5F#754164
#5C843A#62783F#696C45#6F604A#765550#7C4955#843A5C

Colorpallet from #3A5C84 to #5C843A and to #845C3A
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#3F6278#406178#416078#425F78#435E78#455D78#465C78
#45696C#47676C#49656C#4B636C#4D616C#4F5F6C#525C6C
#4A6F60#4D6C60#506960#546660#576360#5A6060#5E5C60
#507655#547255#586E55#5C6A55#606555#646155#695C55
#557C49#5A7749#5F7249#646D49#696849#6F6249#755C49
#5C843A#627E3A#69773A#6F713A#766A3A#7C643A#845C3A

Colorpallet from #3A5C84 to #843A5C and to #845C3A
#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84#3A5C84
#46577E#46587D#46597C#46597B#465A7A#465B79#465C78
#525177#525375#525573#525672#525870#525A6E#525C6C
#5E4C71#5E4F6E#5E516C#5E5469#5E5666#5E5963#5E5C60
#69466A#694A67#694D63#695160#69545D#695859#695C55
#754164#754560#754A5B#754E57#755253#75574E#755C49
#843A5C#843F57#844551#844A4C#845046#845541#845C3A