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 #3B4AA8 to #3BA84A and to #4A3BA8
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3B5999#3B569B#3C549E#3C51A0#3C4EA3#3D4BA5#3D48A8
#3B688A#3C628F#3D5D94#3D5798#3E529D#3F4CA2#4045A8
#3B777B#3C6F82#3D6689#3E5E91#3F5698#414D9F#4243A8
#3B866C#3D7B76#3E707F#406489#415992#434E9C#4540A8
#3B955D#3D8769#3F7975#416B81#435D8D#454F99#473EA8
#3BA84A#3D9759#408568#427477#456286#475195#4A3BA8

Colorpallet from #3B4AA8 to #3BA84A and to #4AA83B
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3B5999#3B5999#3C5998#3C5998#3C5998#3D5997#3D5997
#3B688A#3C6889#3D6888#3D6888#3E6887#3F6886#406885
#3B777B#3C777A#3D7779#3E7778#3F7777#417775#427774
#3B866C#3D866A#3E8669#408667#418666#438664#458662
#3B955D#3D955B#3F9559#419557#439555#459553#479551
#3BA84A#3DA848#40A845#42A843#45A840#47A83E#4AA83B

Colorpallet from #3B4AA8 to #3BA84A and to #A83B4A
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3B5999#3E5699#405499#435199#464E99#494B99#4C4899
#3B688A#41628A#465D8A#4C578A#51528A#574C8A#5E458A
#3B777B#436F7B#4C667B#545E7B#5C567B#654D7B#6F437B
#3B866C#467B6C#51706C#5D646C#68596C#734E6C#81406C
#3B955D#49875D#57795D#656B5D#735D5D#814F5D#923E5D
#3BA84A#4C974A#5E854A#6F744A#81624A#92514A#A83B4A

Colorpallet from #3B4AA8 to #3BA84A and to #A84A3B
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3B5999#3E5799#405498#435298#464F98#494D97#4C4A97
#3B688A#416389#465E88#4C5A88#515587#575086#5E4A85
#3B777B#43707A#4C6979#546178#5C5A77#655375#6F4A74
#3B866C#467C6A#517369#5D6967#686066#735664#814A62
#3B955D#49895B#577D59#657157#736555#815953#924A51
#3BA84A#4C9948#5E8A45#6F7B43#816C40#925D3E#A84A3B

Colorpallet from #3B4AA8 to #4A3BA8 and to #4AA83B
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3D48A8#3D4BA5#3D4DA3#3D50A0#3D539D#3D569A#3D5997
#4045A8#404BA2#40509D#405697#405B92#40618C#406885
#4243A8#424BA0#425497#425C8F#426487#426D7E#427774
#4540A8#454B9D#455692#456286#456D7B#457870#458662
#473EA8#474C9A#475A8C#47687E#477670#478462#479551
#4A3BA8#4A4C97#4A5E85#4A6F74#4A8162#4A9251#4AA83B

Colorpallet from #3B4AA8 to #4A3BA8 and to #A83B4A
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3D48A8#3F48A6#4248A3#4448A1#47489E#49489C#4C4899
#4045A8#4545A3#4A459E#4E459A#534595#584590#5E458A
#4243A8#4943A1#50439A#584392#5F438B#664384#6F437B
#4540A8#4F409E#584095#62408B#6B4082#754078#81406C
#473EA8#533E9C#5F3E90#6B3E84#773E78#833E6C#923E5D
#4A3BA8#593B99#683B8A#773B7B#863B6C#953B5D#A83B4A

Colorpallet from #3B4AA8 to #4A3BA8 and to #A84A3B
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3D48A8#3F48A5#4249A3#4449A0#47499D#494A9A#4C4A97
#4045A8#4546A2#4A479D#4E4797#534892#58498C#5E4A85
#4243A8#4944A0#504597#58468F#5F4787#66497E#6F4A74
#4540A8#4F429D#584392#624586#6B467B#754870#814A62
#473EA8#53409A#5F428C#6B447E#774670#834862#924A51
#4A3BA8#593D97#684085#774274#864562#954751#A84A3B

Colorpallet from #3B4AA8 to #4AA83B and to #A83B4A
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3D5997#3F5697#425498#445198#474E98#494B99#4C4899
#406885#456286#4A5D87#4E5787#535288#584C89#5E458A
#427774#496F75#506676#585E77#5F5678#664D7A#6F437B
#458662#4F7B64#587065#626467#6B5968#754E6A#81406C
#479551#538753#5F7955#6B6B57#775D59#834F5B#923E5D
#4AA83B#59973D#688540#777442#866245#955147#A83B4A

Colorpallet from #3B4AA8 to #4AA83B and to #A84A3B
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#3D5997#3F5797#425497#445297#474F97#494D97#4C4A97
#406885#456385#4A5E85#4E5A85#535585#585085#5E4A85
#427774#497074#506974#586174#5F5A74#665374#6F4A74
#458662#4F7C62#587362#626962#6B6062#755662#814A62
#479551#538951#5F7D51#6B7151#776551#835951#924A51
#4AA83B#59993B#688A3B#777B3B#866C3B#955D3B#A84A3B

Colorpallet from #3B4AA8 to #A83B4A and to #A84A3B
#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8#3B4AA8
#4C4899#4C4899#4C4998#4C4998#4C4998#4C4A97#4C4A97
#5E458A#5E4689#5E4788#5E4788#5E4887#5E4986#5E4A85
#6F437B#6F447A#6F4579#6F4678#6F4777#6F4975#6F4A74
#81406C#81426A#814369#814567#814666#814864#814A62
#923E5D#92405B#924259#924457#924655#924853#924A51
#A83B4A#A83D48#A84045#A84243#A84540#A8473E#A84A3B