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 #5684C4 to #56C484 and to #8456C4
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#568EBA#578BBC#5889BD#5986BF#5A83C0#5C80C2#5D7DC4
#5698B0#5892B3#5B8DB6#5D87BA#6082BD#627CC0#6575C4
#56A3A5#5A9BAA#5D92AF#618AB4#6481B9#6879BE#6C6EC4
#56AD9B#5BA2A2#5F97A8#648BAF#6980B5#6D75BC#7367C4
#56B791#5CA999#629BA1#688DA9#6E7FB2#7471BA#7B5FC4
#56C484#5DB28E#65A198#6C8FA3#737EAD#7B6CB7#8456C4

Colorpallet from #5684C4 to #56C484 and to #84C456
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#568EBA#578EB9#588EB7#598EB6#5A8EB5#5C8EB4#5D8EB2
#5698B0#5898AE#5B98AB#5D98A9#6098A6#6298A4#6598A1
#56A3A5#5AA3A1#5DA39E#61A39A#64A397#68A393#6CA38F
#56AD9B#5BAD96#5FAD92#64AD8D#69AD88#6DAD84#73AD7E
#56B791#5CB78B#62B785#68B77F#6EB779#74B773#7BB76C
#56C484#5DC47D#65C475#6CC46E#73C467#7BC45F#84C456

Colorpallet from #5684C4 to #56C484 and to #C45684
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#568EBA#598BBA#5C89BA#5F86BA#6283BA#6480BA#687DBA
#5698B0#5C92B0#618DB0#6787B0#6C82B0#727CB0#7975B0
#56A3A5#5E9BA5#6792A5#6F8AA5#7881A5#8079A5#8B6EA5
#56AD9B#61A29B#6C979B#788B9B#83809B#8E759B#9C679B
#56B791#64A991#729B91#808D91#8E7F91#9C7191#AE5F91
#56C484#68B284#79A184#8B8F84#9C7E84#AE6C84#C45684

Colorpallet from #5684C4 to #56C484 and to #C48456
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#568EBA#598CB9#5C8BB7#5F89B6#6288B5#6486B4#6884B2
#5698B0#5C95AE#6192AB#678EA9#6C8BA6#7288A4#7984A1
#56A3A5#5E9EA1#67999E#6F949A#788F97#808A93#8B848F
#56AD9B#61A696#6CA092#78998D#839388#8E8C84#9C847E
#56B791#64AF8B#72A785#809F7F#8E9679#9C8E73#AE846C
#56C484#68BA7D#79B075#8BA56E#9C9B67#AE915F#C48456

Colorpallet from #5684C4 to #8456C4 and to #84C456
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#5D7DC4#5D80C1#5D82BE#5D85BB#5D88B8#5D8BB6#5D8EB2
#6575C4#657BBE#6580B9#6586B3#658BAE#6591A8#6598A1
#6C6EC4#6C76BC#6C7FB3#6C87AB#6C90A2#6C989A#6CA38F
#7367C4#7372B9#737DAE#7389A2#739497#739F8C#73AD7E
#7B5FC4#7B6DB6#7B7BA8#7B899A#7B978C#7BA57E#7BB76C
#8456C4#8468B2#8479A1#848B8F#849C7E#84AE6C#84C456

Colorpallet from #5684C4 to #8456C4 and to #C45684
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#5D7DC4#5F7DC2#617DC1#627DBF#647DBE#667DBC#687DBA
#6575C4#6875C1#6B75BE#6F75BA#7275B7#7575B4#7975B0
#6C6EC4#716EBF#766EBA#7B6EB5#806EB0#856EAB#8B6EA5
#7367C4#7A67BD#8067B7#8767B0#8D67AA#9467A3#9C679B
#7B5FC4#835FBC#8B5FB4#935FAC#9C5FA3#A45F9B#AE5F91
#8456C4#8E56BA#9856B0#A356A5#AD569B#B75691#C45684

Colorpallet from #5684C4 to #8456C4 and to #C48456
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#5D7DC4#5F7EC1#617FBE#6280BB#6481B8#6683B6#6884B2
#6575C4#6877BE#6B7AB9#6F7CB3#727FAE#7581A8#7984A1
#6C6EC4#7172BC#7675B3#7B79AB#807CA2#85809A#8B848F
#7367C4#7A6CB9#8070AE#8775A2#8D7A97#947E8C#9C847E
#7B5FC4#8365B6#8B6BA8#93719A#9C778C#A47D7E#AE846C
#8456C4#8E5DB2#9865A1#A36C8F#AD737E#B77B6C#C48456

Colorpallet from #5684C4 to #84C456 and to #C45684
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#5D8EB2#5F8BB3#6189B5#6286B6#6483B7#6680B8#687DBA
#6598A1#6892A3#6B8DA6#6F87A8#7282AB#757CAD#7975B0
#6CA38F#719B93#769296#7B8A9A#80819D#8579A1#8B6EA5
#73AD7E#7AA283#809787#878B8C#8D8091#947595#9C679B
#7BB76C#83A972#8B9B78#938D7E#9C7F84#A4718A#AE5F91
#84C456#8EB25D#98A165#A38F6C#AD7E73#B76C7B#C45684

Colorpallet from #5684C4 to #84C456 and to #C48456
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#5D8EB2#5F8CB2#618BB2#6289B2#6488B2#6686B2#6884B2
#6598A1#6895A1#6B92A1#6F8EA1#728BA1#7588A1#7984A1
#6CA38F#719E8F#76998F#7B948F#808F8F#858A8F#8B848F
#73AD7E#7AA67E#80A07E#87997E#8D937E#948C7E#9C847E
#7BB76C#83AF6C#8BA76C#939F6C#9C966C#A48E6C#AE846C
#84C456#8EBA56#98B056#A3A556#AD9B56#B79156#C48456

Colorpallet from #5684C4 to #C45684 and to #C48456
#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4#5684C4
#687DBA#687EB9#687FB7#6880B6#6881B5#6883B4#6884B2
#7975B0#7977AE#797AAB#797CA9#797FA6#7981A4#7984A1
#8B6EA5#8B72A1#8B759E#8B799A#8B7C97#8B8093#8B848F
#9C679B#9C6C96#9C7092#9C758D#9C7A88#9C7E84#9C847E
#AE5F91#AE658B#AE6B85#AE717F#AE7779#AE7D73#AE846C
#C45684#C45D7D#C46575#C46C6E#C47367#C47B5F#C48456