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 #5686B5 to #56B586 and to #8656B5
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#568EAD#578BAE#5989B0#5A86B1#5B84B2#5C81B3#5E7EB5
#5695A6#5890A8#5B8BAB#5D87AD#6082B0#627DB2#6577B5
#569D9E#5A96A2#5D8EA5#6187A9#6580AD#6878B0#6D6FB5
#56A497#5B9A9C#6090A1#6587A5#6A7DAA#6F73AF#7567B5
#56AC8F#5CA095#62949B#6888A1#6E7BA7#746FAD#7C60B5
#56B586#5EA68E#659795#6D879D#7578A4#7C69AC#8656B5

Colorpallet from #5686B5 to #56B586 and to #86B556
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#568EAD#578EAC#598EAB#5A8EAA#5B8EA9#5C8EA7#5E8EA6
#5695A6#5895A4#5B95A1#5D959F#60959C#62959A#659597
#569D9E#5A9D9A#5D9D97#619D93#659D8F#689D8C#6D9D87
#56A497#5BA492#60A48D#65A488#6AA483#6FA47E#75A478
#56AC8F#5CAC89#62AC83#68AC7D#6EAC77#74AC71#7CAC69
#56B586#5EB57E#65B577#6DB56F#75B567#7CB560#86B556

Colorpallet from #5686B5 to #56B586 and to #B55686
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#568EAD#588BAD#5B89AD#5D86AD#6084AD#6281AD#657EAD
#5695A6#5B90A6#608BA6#6487A6#6982A6#6E7DA6#7477A6
#569D9E#5D969E#658E9E#6C879E#73809E#7B789E#846F9E
#56A497#609A97#6A9097#738797#7D7D97#877397#936797
#56AC8F#62A08F#6E948F#7A888F#877B8F#936F8F#A2608F
#56B586#65A686#749786#848786#937886#A26986#B55686

Colorpallet from #5686B5 to #56B586 and to #B58656
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#568EAD#588DAC#5B8BAB#5D8AAA#6089A9#6288A7#6586A6
#5695A6#5B93A4#6090A1#648E9F#698B9C#6E899A#748697
#569D9E#5D999A#659697#6C9293#738E8F#7B8B8C#848687
#56A497#609F92#6A9A8D#739688#7D9183#878C7E#938678
#56AC8F#62A689#6EA083#7A9A7D#879477#938E71#A28669
#56B586#65AD7E#74A677#849E6F#939767#A28F60#B58656

Colorpallet from #5686B5 to #8656B5 and to #86B556
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#5E7EB5#5E81B3#5E83B0#5E86AE#5E88AB#5E8BA9#5E8EA6
#6577B5#657CB0#6581AB#6585A7#658AA2#658F9D#659597
#6D6FB5#6D76AE#6D7EA6#6D859F#6D8C98#6D9490#6D9D87
#7567B5#7571AB#757BA1#758498#758E8E#759884#75A478
#7C60B5#7C6CA9#7C789D#7C8491#7C9184#7C9D78#7CAC69
#8656B5#8665A6#867497#868487#869378#86A269#86B556

Colorpallet from #5686B5 to #8656B5 and to #B55686
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#5E7EB5#5F7EB4#607EB2#617EB1#627EB0#647EAF#657EAD
#6577B5#6777B3#6A77B0#6C77AE#6F77AB#7177A9#7477A6
#6D6FB5#716FB1#746FAE#786FAA#7C6FA6#7F6FA3#846F9E
#7567B5#7A67B0#7F67AB#8367A7#8867A2#8D679D#936797
#7C60B5#8260AF#8860A9#8E60A3#94609D#9A6097#A2608F
#8656B5#8E56AD#9556A6#9D569E#A45697#AC568F#B55686

Colorpallet from #5686B5 to #8656B5 and to #B58656
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#5E7EB5#5F7FB3#6081B0#6182AE#6283AB#6484A9#6586A6
#6577B5#6779B0#6A7CAB#6C7EA7#6F81A2#71839D#748697
#6D6FB5#7173AE#7476A6#787A9F#7C7E98#7F8190#848687
#7567B5#7A6CAB#7F71A1#837698#887B8E#8D8084#938678
#7C60B5#8266A9#886C9D#8E7291#947884#9A7E78#A28669
#8656B5#8E5EA6#956597#9D6D87#A47578#AC7C69#B58656

Colorpallet from #5686B5 to #86B556 and to #B55686
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#5E8EA6#5F8BA7#6089A8#6186A9#6284AA#6481AC#657EAD
#659597#679099#6A8B9C#6C879E#6F82A1#717DA3#7477A6
#6D9D87#71968B#748E8E#788792#7C8096#7F7899#846F9E
#75A478#7A9A7D#7F9082#838787#887D8C#8D7391#936797
#7CAC69#82A06F#889475#8E887B#947B81#9A6F87#A2608F
#86B556#8EA65E#959765#9D876D#A47875#AC697C#B55686

Colorpallet from #5686B5 to #86B556 and to #B58656
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#5E8EA6#5F8DA6#608BA6#618AA6#6289A6#6488A6#6586A6
#659597#679397#6A9097#6C8E97#6F8B97#718997#748697
#6D9D87#719987#749687#789287#7C8E87#7F8B87#848687
#75A478#7A9F78#7F9A78#839678#889178#8D8C78#938678
#7CAC69#82A669#88A069#8E9A69#949469#9A8E69#A28669
#86B556#8EAD56#95A656#9D9E56#A49756#AC8F56#B58656

Colorpallet from #5686B5 to #B55686 and to #B58656
#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5#5686B5
#657EAD#657FAC#6581AB#6582AA#6583A9#6584A7#6586A6
#7477A6#7479A4#747CA1#747E9F#74819C#74839A#748697
#846F9E#84739A#847697#847A93#847E8F#84818C#848687
#936797#936C92#93718D#937688#937B83#93807E#938678
#A2608F#A26689#A26C83#A2727D#A27877#A27E71#A28669
#B55686#B55E7E#B56577#B56D6F#B57567#B57C60#B58656