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 #506BAA to #50AA6B and to #6B50AA
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#5075A0#5173A2#5171A3#526EA5#536CA6#536AA8#5467AA
#507F96#517A99#53769C#5471A0#566CA3#5768A6#5962AA
#50898C#528291#547B96#56749A#586D9F#5A67A4#5D5EAA
#509382#538A88#55818F#587895#5B6F9C#5E65A2#615AAA
#509D78#549180#578688#5B7A90#5E6F98#6263A0#6655AA
#50AA6B#549C75#598D7F#5D7F89#617093#66629D#6B50AA

Colorpallet from #506BAA to #50AA6B and to #6BAA50
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#5075A0#51759F#51759F#52759E#53759D#53759D#54759C
#507F96#517F95#537F93#547F92#567F90#577F8F#597F8D
#50898C#52898A#548988#568986#588984#5A8982#5D897F
#509382#53937F#55937C#589379#5B9376#5E9374#619370
#509D78#549D74#579D71#5B9D6D#5E9D6A#629D66#669D62
#50AA6B#54AA67#59AA62#5DAA5E#61AA5A#66AA55#6BAA50

Colorpallet from #506BAA to #50AA6B and to #AA506B
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#5075A0#5273A0#5471A0#576EA0#596CA0#5B6AA0#5E67A0
#507F96#557A96#597696#5E7196#636C96#676896#6D6296
#50898C#57828C#5E7B8C#65748C#6C6D8C#72678C#7B5E8C
#509382#598A82#638182#6C7882#756F82#7E6582#8A5A82
#509D78#5C9178#678678#737A78#7E6F78#8A6378#985578
#50AA6B#5E9C6B#6D8D6B#7B7F6B#8A706B#98626B#AA506B

Colorpallet from #506BAA to #50AA6B and to #AA6B50
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#5075A0#52739F#54729F#57709E#596F9D#5B6D9D#5E6B9C
#507F96#557C95#597993#5E7592#637290#676F8F#6D6B8D
#50898C#57848A#5E7F88#657B86#6C7684#727182#7B6B7F
#509382#598D7F#63867C#6C8079#757976#7E7374#8A6B70
#509D78#5C9574#678D71#73856D#7E7D6A#8A7566#986B62
#50AA6B#5EA067#6D9662#7B8C5E#8A825A#987855#AA6B50

Colorpallet from #506BAA to #6B50AA and to #6BAA50
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#5467AA#5469A8#546BA6#546EA3#5470A1#54729F#54759C
#5962AA#5967A5#596BA1#59709C#597597#597993#597F8D
#5D5EAA#5D65A3#5D6C9C#5D7395#5D7A8E#5D8088#5D897F
#615AAA#6163A1#616C97#61758E#617E85#61887C#619370
#6655AA#66619E#666C93#667887#66837C#668F70#669D62
#6B50AA#6B5E9C#6B6D8D#6B7B7F#6B8A70#6B9862#6BAA50

Colorpallet from #506BAA to #6B50AA and to #AA506B
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#5467AA#5667A8#5767A7#5967A5#5A67A4#5C67A2#5E67A0
#5962AA#5C62A7#5F62A4#6362A0#66629D#69629A#6D6296
#5D5EAA#625EA5#675EA0#6B5E9C#705E97#755E92#7B5E8C
#615AAA#685AA4#6E5A9D#755A97#7B5A90#825A8A#8A5A82
#6655AA#6E55A2#76559A#7E5592#86558A#8E5582#985578
#6B50AA#7550A0#7F5096#89508C#935082#9D5078#AA506B

Colorpallet from #506BAA to #6B50AA and to #AA6B50
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#5467AA#5668A8#5768A6#5969A3#5A6AA1#5C6A9F#5E6B9C
#5962AA#5C63A5#5F65A1#63669C#666897#696993#6D6B8D
#5D5EAA#6260A3#67629C#6B6495#70668E#756888#7B6B7F
#615AAA#685DA1#6E5F97#75628E#7B6585#82687C#8A6B70
#6655AA#6E599E#765C93#7E6087#86637C#8E6770#986B62
#6B50AA#75549C#7F598D#895D7F#936170#9D6662#AA6B50

Colorpallet from #506BAA to #6BAA50 and to #AA506B
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#54759C#56739D#57719D#596E9E#5A6C9F#5C6A9F#5E67A0
#597F8D#5C7A8E#5F7690#637191#666C93#696894#6D6296
#5D897F#628281#677B83#6B7485#706D87#756789#7B5E8C
#619370#688A73#6E8176#757879#7B6F7C#82657E#8A5A82
#669D62#6E9166#768669#7E7A6D#866F70#8E6374#985578
#6BAA50#759C54#7F8D59#897F5D#937061#9D6266#AA506B

Colorpallet from #506BAA to #6BAA50 and to #AA6B50
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#54759C#56739C#57729C#59709C#5A6F9C#5C6D9C#5E6B9C
#597F8D#5C7C8D#5F798D#63758D#66728D#696F8D#6D6B8D
#5D897F#62847F#677F7F#6B7B7F#70767F#75717F#7B6B7F
#619370#688D70#6E8670#758070#7B7970#827370#8A6B70
#669D62#6E9562#768D62#7E8562#867D62#8E7562#986B62
#6BAA50#75A050#7F9650#898C50#938250#9D7850#AA6B50

Colorpallet from #506BAA to #AA506B and to #AA6B50
#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA#506BAA
#5E67A0#5E689F#5E689F#5E699E#5E6A9D#5E6A9D#5E6B9C
#6D6296#6D6395#6D6593#6D6692#6D6890#6D698F#6D6B8D
#7B5E8C#7B608A#7B6288#7B6486#7B6684#7B6882#7B6B7F
#8A5A82#8A5D7F#8A5F7C#8A6279#8A6576#8A6874#8A6B70
#985578#985974#985C71#98606D#98636A#986766#986B62
#AA506B#AA5467#AA5962#AA5D5E#AA615A#AA6655#AA6B50