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 #3A4D96 to #3A964D and to #4D3A96
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3A598A#3A578C#3B548E#3B5290#3C4F92#3C4D94#3D4A96
#3A647F#3B5F83#3C5B86#3D568A#3E518E#3F4D91#404796
#3A7073#3B6979#3D627E#3E5B84#405489#414D8F#434496
#3A7C67#3C736F#3E6976#40607E#425685#444D8D#464196
#3A875C#3C7B65#3F706F#416478#445881#464D8A#493E96
#3A964D#3D8759#407964#436A70#465B7C#494C87#4D3A96

Colorpallet from #3A4D96 to #3A964D and to #4D963A
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3A598A#3A598A#3B5989#3B5989#3C5988#3C5988#3D5987
#3A647F#3B647E#3C647D#3D647C#3E647B#3F647A#406479
#3A7073#3B7072#3D7070#3E706F#40706D#41706C#43706A
#3A7C67#3C7C65#3E7C63#407C61#427C5F#447C5D#467C5B
#3A875C#3C8759#3F8757#418754#448752#46874F#49874C
#3A964D#3D964A#409647#439644#469641#49963E#4D963A

Colorpallet from #3A4D96 to #3A964D and to #963A4D
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3A598A#3C578A#3F548A#41528A#444F8A#464D8A#494A8A
#3A647F#3F5F7F#435B7F#48567F#4D517F#514D7F#57477F
#3A7073#416973#486273#4F5B73#565473#5D4D73#664473
#3A7C67#437367#4D6967#566067#605667#694D67#754167
#3A875C#467B5C#52705C#5E645C#69585C#754D5C#843E5C
#3A964D#49874D#57794D#666A4D#755B4D#844C4D#963A4D

Colorpallet from #3A4D96 to #3A964D and to #964D3A
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3A598A#3C578A#3F5589#415389#445188#464F88#494D87
#3A647F#3F607E#435D7D#48597C#4D557B#51527A#574D79
#3A7073#416A72#486570#4F5F6F#565A6D#5D546C#664D6A
#3A7C67#437465#4D6D63#566561#605E5F#69565D#754D5B
#3A875C#467E59#527457#5E6B54#696252#75594F#844D4C
#3A964D#498A4A#577F47#667344#756741#845C3E#964D3A

Colorpallet from #3A4D96 to #4D3A96 and to #4D963A
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3D4A96#3D4C94#3D4F91#3D518F#3D548C#3D568A#3D5987
#404796#404C91#40508D#405588#405A83#405E7F#406479
#434496#434B8F#435288#435981#43607A#436773#43706A
#464196#464A8D#465483#465D7A#466770#467067#467C5B
#493E96#494A8A#49557E#496172#496D67#49785B#49874C
#4D3A96#4D4987#4D5779#4D666A#4D755B#4D844C#4D963A

Colorpallet from #3A4D96 to #4D3A96 and to #963A4D
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3D4A96#3F4A94#414A92#434A90#454A8E#474A8C#494A8A
#404796#444792#47478F#4B478B#4F4787#524784#57477F
#434496#494490#4E448B#544485#594480#5F447A#664473
#464196#4E418E#554187#5D417F#644178#6C4170#754167
#493E96#523E8D#5C3E83#653E7A#6F3E71#783E68#843E5C
#4D3A96#593A8A#643A7F#703A73#7C3A67#873A5C#963A4D

Colorpallet from #3A4D96 to #4D3A96 and to #964D3A
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3D4A96#3F4A94#414B91#434B8F#454C8C#474C8A#494D87
#404796#444891#47498D#4B4A88#4F4B83#524C7F#574D79
#434496#49458F#4E4788#544881#594A7A#5F4B73#664D6A
#464196#4E438D#554583#5D477A#644970#6C4B67#754D5B
#493E96#52408A#5C437E#654572#6F4867#784A5B#844D4C
#4D3A96#593D87#644079#70436A#7C465B#87494C#964D3A

Colorpallet from #3A4D96 to #4D963A and to #963A4D
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3D5987#3F5787#415488#435288#454F89#474D89#494A8A
#406479#445F7A#475B7B#4B567C#4F517D#524D7E#57477F
#43706A#49696B#4E626D#545B6E#595470#5F4D71#664473
#467C5B#4E735D#55695F#5D6061#645663#6C4D65#754167
#49874C#527B4F#5C7051#656454#6F5856#784D59#843E5C
#4D963A#59873D#647940#706A43#7C5B46#874C49#963A4D

Colorpallet from #3A4D96 to #4D963A and to #964D3A
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#3D5987#3F5787#415587#435387#455187#474F87#494D87
#406479#446079#475D79#4B5979#4F5579#525279#574D79
#43706A#496A6A#4E656A#545F6A#595A6A#5F546A#664D6A
#467C5B#4E745B#556D5B#5D655B#645E5B#6C565B#754D5B
#49874C#527E4C#5C744C#656B4C#6F624C#78594C#844D4C
#4D963A#598A3A#647F3A#70733A#7C673A#875C3A#964D3A

Colorpallet from #3A4D96 to #963A4D and to #964D3A
#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96#3A4D96
#494A8A#494A8A#494B89#494B89#494C88#494C88#494D87
#57477F#57487E#57497D#574A7C#574B7B#574C7A#574D79
#664473#664572#664770#66486F#664A6D#664B6C#664D6A
#754167#754365#754563#754761#75495F#754B5D#754D5B
#843E5C#844059#844357#844554#844852#844A4F#844D4C
#963A4D#963D4A#964047#964344#964641#96493E#964D3A