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 #3F5BA6 to #3FA65B and to #5B3FA6
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#3F679A#40649C#40629E#415FA0#425DA2#425AA4#4357A6
#3F738E#406E92#426896#43639A#455E9D#4659A1#4852A6
#3F7F82#417788#436F8E#456793#476099#49589F#4C4EA6
#3F8B76#42807E#457685#486B8D#4B6195#4D569C#5149A6
#3F976A#438A74#467D7D#4A7087#4D6390#51559A#5545A6
#3FA65B#439667#488573#4C757F#51648B#555497#5B3FA6

Colorpallet from #3F5BA6 to #3FA65B and to #5BA63F
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#3F679A#406799#406799#416798#426797#426797#436796
#3F738E#40738D#42738B#43738A#457388#467387#487385
#3F7F82#417F80#437F7E#457F7C#477F7A#497F78#4C7F75
#3F8B76#428B73#458B70#488B6D#4B8B6A#4D8B68#518B64
#3F976A#439766#469763#4A975F#4D975C#519758#559754
#3FA65B#43A657#48A652#4CA64E#51A649#55A645#5BA63F

Colorpallet from #3F5BA6 to #3FA65B and to #A63F5B
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#3F679A#42649A#44629A#475F9A#495D9A#4C5A9A#4F579A
#3F738E#446E8E#4A688E#4F638E#545E8E#59598E#60528E
#3F7F82#477782#4F6F82#576782#5E6082#665882#704E82
#3F8B76#4A8076#547676#5F6B76#696176#745676#814976
#3F976A#4C8A6A#597D6A#66706A#73636A#81556A#91456A
#3FA65B#4F965B#60855B#70755B#81645B#91545B#A63F5B

Colorpallet from #3F5BA6 to #3FA65B and to #A65B3F
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#3F679A#426599#446399#476198#495F97#4C5D97#4F5B96
#3F738E#446F8D#4A6B8B#4F678A#546488#596087#605B85
#3F7F82#477980#4F737E#576E7C#5E687A#666278#705B75
#3F8B76#4A8373#547C70#5F746D#696C6A#746568#815B64
#3F976A#4C8D66#598463#667A5F#73715C#816758#915B54
#3FA65B#4F9A57#608E52#70824E#817649#916A45#A65B3F

Colorpallet from #3F5BA6 to #5B3FA6 and to #5BA63F
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#4357A6#435AA3#435CA1#435F9E#43619C#436499#436796
#4852A6#4857A1#485D9B#486296#486791#486C8C#487385
#4C4EA6#4C569E#4C5E96#4C668E#4C6D87#4C757F#4C7F75
#5149A6#51549B#515E91#516986#51737C#517E71#518B64
#5545A6#555299#555F8C#556C7F#557972#558764#559754
#5B3FA6#5B4F96#5B6085#5B7075#5B8164#5B9154#5BA63F

Colorpallet from #3F5BA6 to #5B3FA6 and to #A63F5B
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#4357A6#4557A4#4757A2#4957A0#4B579E#4D579C#4F579A
#4852A6#4C52A2#50529E#54529A#575297#5B5293#60528E
#4C4EA6#524EA0#584E9A#5D4E95#634E8F#694E89#704E82
#5149A6#59499E#604997#68498F#704987#774980#814976
#5545A6#5F459C#684593#724589#7B4580#854576#91456A
#5B3FA6#673F9A#733F8E#7F3F82#8B3F76#973F6A#A63F5B

Colorpallet from #3F5BA6 to #5B3FA6 and to #A65B3F
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#4357A6#4558A3#4758A1#49599E#4B5A9C#4D5A99#4F5B96
#4852A6#4C53A1#50559B#545696#575891#5B598C#605B85
#4C4EA6#52509E#585296#5D548E#635687#69587F#705B75
#5149A6#594C9B#604F91#685286#70557C#775771#815B64
#5545A6#5F4999#684C8C#72507F#7B5372#855764#915B54
#5B3FA6#674396#734885#7F4C75#8B5164#975554#A65B3F

Colorpallet from #3F5BA6 to #5BA63F and to #A63F5B
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#436796#456497#476297#495F98#4B5D99#4D5A99#4F579A
#487385#4C6E86#506888#546389#575E8B#5B598C#60528E
#4C7F75#527777#586F79#5D677B#63607D#69587F#704E82
#518B64#598067#60766A#686B6D#706170#775672#814976
#559754#5F8A58#687D5B#72705F#7B6362#855566#91456A
#5BA63F#679643#738548#7F754C#8B6451#975455#A63F5B

Colorpallet from #3F5BA6 to #5BA63F and to #A65B3F
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#436796#456596#476396#496196#4B5F96#4D5D96#4F5B96
#487385#4C6F85#506B85#546785#576485#5B6085#605B85
#4C7F75#527975#587375#5D6E75#636875#696275#705B75
#518B64#598364#607C64#687464#706C64#776564#815B64
#559754#5F8D54#688454#727A54#7B7154#856754#915B54
#5BA63F#679A3F#738E3F#7F823F#8B763F#976A3F#A65B3F

Colorpallet from #3F5BA6 to #A63F5B and to #A65B3F
#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6#3F5BA6
#4F579A#4F5899#4F5899#4F5998#4F5A97#4F5A97#4F5B96
#60528E#60538D#60558B#60568A#605888#605987#605B85
#704E82#705080#70527E#70547C#70567A#705878#705B75
#814976#814C73#814F70#81526D#81556A#815768#815B64
#91456A#914966#914C63#91505F#91535C#915758#915B54
#A63F5B#A64357#A64852#A64C4E#A65149#A65545#A65B3F