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 #556A8D to #558D6A and to #6A558D
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#557087#556F88#566D89#566C8A#576A8B#57698C#58678D
#557582#567284#576F86#586C87#596989#5B678B#5C638D
#557B7C#57777F#587281#5A6E84#5B6A87#5D658A#5F608D
#558077#577A7B#59757E#5B6F82#5D6A85#5F6489#625D8D
#558671#587F75#5A787A#5D707E#606983#636287#66598D
#558D6A#588470#5C7B75#5F727B#626980#666086#6A558D

Colorpallet from #556A8D to #558D6A and to #6A8D55
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#557087#557087#567086#567086#577085#577085#587084
#557582#567581#577580#58757F#59757E#5B757C#5C757B
#557B7C#577B7A#587B79#5A7B77#5B7B76#5D7B74#5F7B72
#558077#578075#598073#5B8070#5D806E#5F806C#628069
#558671#58866E#5A866C#5D8669#608666#638663#668660
#558D6A#588D67#5C8D63#5F8D60#628D5D#668D59#6A8D55

Colorpallet from #556A8D to #558D6A and to #8D556A
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#557087#566F87#586D87#596C87#5B6A87#5C6987#5E6787
#557582#587282#5B6F82#5E6C82#616982#636782#676382
#557B7C#59777C#5E727C#626E7C#666A7C#6B657C#70607C
#558077#5B7A77#617577#666F77#6C6A77#726477#795D77
#558671#5C7F71#637871#6B7071#726971#796271#825971
#558D6A#5E846A#677B6A#70726A#79696A#82606A#8D556A

Colorpallet from #556A8D to #558D6A and to #8D6A55
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#557087#566F87#586E86#596D86#5B6C85#5C6B85#5E6A84
#557582#587381#5B7180#5E707F#616E7E#636C7C#676A7B
#557B7C#59787A#5E7679#627377#667076#6B6D74#706A72
#558077#5B7C75#617973#667570#6C726E#726E6C#796A69
#558671#5C826E#637D6C#6B7969#727466#797063#826A60
#558D6A#5E8767#678263#707C60#79775D#827159#8D6A55

Colorpallet from #556A8D to #6A558D and to #6A8D55
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#58678D#58688C#586A8A#586B89#586D87#586E86#587084
#5C638D#5C668A#5C6987#5C6C84#5C6F81#5C717F#5C757B
#5F608D#5F6489#5F6984#5F6D80#5F717C#5F7677#5F7B72
#625D8D#626387#626881#626E7C#627376#627970#628069
#66598D#666086#66677F#666F77#667670#667D69#668660
#6A558D#6A5E84#6A677B#6A7072#6A7969#6A8260#6A8D55

Colorpallet from #556A8D to #6A558D and to #8D556A
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#58678D#59678C#5A678B#5B678A#5C6789#5D6788#5E6787
#5C638D#5E638B#606389#616388#636386#656384#676382
#5F608D#62608A#646088#676085#6A6082#6D607F#70607C
#625D8D#665D89#695D86#6D5D82#715D7F#745D7B#795D77
#66598D#6A5989#6F5984#735980#78597B#7C5977#825971
#6A558D#705587#755582#7B557C#805577#865571#8D556A

Colorpallet from #556A8D to #6A558D and to #8D6A55
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#58678D#59678C#5A688A#5B6889#5C6987#5D6986#5E6A84
#5C638D#5E648A#606587#616684#636781#65697F#676A7B
#5F608D#626289#646384#676580#6A667C#6D6877#706A72
#625D8D#665F87#696181#6D637C#716576#746770#796A69
#66598D#6A5C86#6F5E7F#736177#786470#7C6769#826A60
#6A558D#705884#755C7B#7B5F72#806269#866660#8D6A55

Colorpallet from #556A8D to #6A8D55 and to #8D556A
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#587084#596F84#5A6D85#5B6C85#5C6A86#5D6986#5E6787
#5C757B#5E727C#606F7D#616C7E#63697F#656781#676382
#5F7B72#627774#647275#676E77#6A6A78#6D657A#70607C
#628069#667A6B#69756D#6D6F70#716A72#746474#795D77
#668660#6A7F63#6F7865#737068#78696B#7C626E#825971
#6A8D55#708458#757B5C#7B725F#806962#866066#8D556A

Colorpallet from #556A8D to #6A8D55 and to #8D6A55
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#587084#596F84#5A6E84#5B6D84#5C6C84#5D6B84#5E6A84
#5C757B#5E737B#60717B#61707B#636E7B#656C7B#676A7B
#5F7B72#627872#647672#677372#6A7072#6D6D72#706A72
#628069#667C69#697969#6D7569#717269#746E69#796A69
#668660#6A8260#6F7D60#737960#787460#7C7060#826A60
#6A8D55#708755#758255#7B7C55#807755#867155#8D6A55

Colorpallet from #556A8D to #8D556A and to #8D6A55
#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D#556A8D
#5E6787#5E6787#5E6886#5E6886#5E6985#5E6985#5E6A84
#676382#676481#676580#67667F#67677E#67697C#676A7B
#70607C#70627A#706379#706577#706676#706874#706A72
#795D77#795F75#796173#796370#79656E#79676C#796A69
#825971#825C6E#825E6C#826169#826466#826763#826A60
#8D556A#8D5867#8D5C63#8D5F60#8D625D#8D6659#8D6A55