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 #5686CB to #56CB86 and to #8656CB
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5691C0#578EC2#598BC4#5A88C5#5B85C7#5C82C9#5E7ECB
#569CB5#5896B9#5B90BC#5D8AC0#6084C3#627EC7#6577CB
#56A7AA#5A9EAF#5D95B5#618CBA#6583BF#687AC4#6D6FCB
#56B29F#5BA6A6#609AAD#658EB4#6A82BB#6F76C2#7567CB
#56BD94#5CAE9D#629FA6#6890AE#6E81B7#7473C0#7C60CB
#56CB86#5EB891#65A69C#6D93A7#7580B2#7C6DBD#8656CB

Colorpallet from #5686CB to #56CB86 and to #86CB56
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5691C0#5791BF#5991BD#5A91BC#5B91BB#5C91BA#5E91B8
#569CB5#589CB3#5B9CB0#5D9CAE#609CAB#629CA9#659CA6
#56A7AA#5AA7A6#5DA7A3#61A79F#65A79B#68A798#6DA793
#56B29F#5BB29A#60B295#65B290#6AB28B#6FB286#75B280
#56BD94#5CBD8E#62BD88#68BD81#6EBD7B#74BD75#7CBD6D
#56CB86#5ECB7E#65CB77#6DCB6F#75CB67#7CCB60#86CB56

Colorpallet from #5686CB to #56CB86 and to #CB5686
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5691C0#598EC0#5C8BC0#5F88C0#6285C0#6582C0#697EC0
#569CB5#5C96B5#6290B5#688AB5#6E84B5#747EB5#7B77B5
#56A7AA#5F9EAA#6895AA#718CAA#7A83AA#837AAA#8E6FAA
#56B29F#62A69F#6E9A9F#7A8E9F#86829F#92769F#A1679F
#56BD94#65AE94#749F94#839094#928194#A17394#B46094
#56CB86#69B886#7BA686#8E9386#A18086#B46D86#CB5686

Colorpallet from #5686CB to #56CB86 and to #CB8656
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5691C0#598FBF#5C8DBD#5F8CBC#628ABB#6588BA#6986B8
#569CB5#5C98B3#6295B0#6891AE#6E8EAB#748AA9#7B86A6
#56A7AA#5FA2A6#689CA3#71979F#7A929B#838D98#8E8693
#56B29F#62AB9A#6EA495#7A9D90#86968B#928F86#A18680
#56BD94#65B48E#74AB88#83A381#929A7B#A19175#B4866D
#56CB86#69C07E#7BB577#8EAA6F#A19F67#B49460#CB8656

Colorpallet from #5686CB to #8656CB and to #86CB56
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5E7ECB#5E81C8#5E84C5#5E87C2#5E8ABF#5E8DBC#5E91B8
#6577CB#657DC5#6583BF#6589B9#658FB3#6595AD#659CA6
#6D6FCB#6D78C2#6D81B9#6D8AB0#6D93A7#6D9C9E#6DA793
#7567CB#7573BF#757FB3#758BA7#75979B#75A38F#75B280
#7C60CB#7C6FBC#7C7EAD#7C8D9E#7C9C8F#7CAA80#7CBD6D
#8656CB#8669B8#867BA6#868E93#86A180#86B46D#86CB56

Colorpallet from #5686CB to #8656CB and to #CB5686
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5E7ECB#607EC9#627EC7#637EC6#657EC4#677EC2#697EC0
#6577CB#6977C7#6C77C4#7077C0#7377BD#7777B9#7B77B5
#6D6FCB#726FC6#786FC0#7D6FBB#826FB6#876FB1#8E6FAA
#7567CB#7C67C4#8367BD#8A67B6#9167AF#9867A8#A1679F
#7C60CB#8560C2#8E60B9#9760B1#A060A8#A9609F#B46094
#8656CB#9156C0#9C56B5#A756AA#B2569F#BD5694#CB5686

Colorpallet from #5686CB to #8656CB and to #CB8656
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5E7ECB#607FC8#6281C5#6382C2#6583BF#6784BC#6986B8
#6577CB#6979C5#6C7CBF#707EB9#7381B3#7783AD#7B86A6
#6D6FCB#7273C2#7876B9#7D7AB0#827EA7#87819E#8E8693
#7567CB#7C6CBF#8371B3#8A76A7#917B9B#98808F#A18680
#7C60CB#8566BC#8E6CAD#97729E#A0788F#A97E80#B4866D
#8656CB#915EB8#9C65A6#A76D93#B27580#BD7C6D#CB8656

Colorpallet from #5686CB to #86CB56 and to #CB5686
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5E91B8#608EB9#628BBB#6388BC#6585BD#6782BE#697EC0
#659CA6#6996A8#6C90AB#708AAD#7384B0#777EB2#7B77B5
#6DA793#729E97#78959A#7D8C9E#8283A2#877AA5#8E6FAA
#75B280#7CA685#839A8A#8A8E8F#918294#987699#A1679F
#7CBD6D#85AE73#8E9F79#979080#A08186#A9738C#B46094
#86CB56#91B85E#9CA665#A7936D#B28075#BD6D7C#CB5686

Colorpallet from #5686CB to #86CB56 and to #CB8656
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#5E91B8#608FB8#628DB8#638CB8#658AB8#6788B8#6986B8
#659CA6#6998A6#6C95A6#7091A6#738EA6#778AA6#7B86A6
#6DA793#72A293#789C93#7D9793#829293#878D93#8E8693
#75B280#7CAB80#83A480#8A9D80#919680#988F80#A18680
#7CBD6D#85B46D#8EAB6D#97A36D#A09A6D#A9916D#B4866D
#86CB56#91C056#9CB556#A7AA56#B29F56#BD9456#CB8656

Colorpallet from #5686CB to #CB5686 and to #CB8656
#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB#5686CB
#697EC0#697FBF#6981BD#6982BC#6983BB#6984BA#6986B8
#7B77B5#7B79B3#7B7CB0#7B7EAE#7B81AB#7B83A9#7B86A6
#8E6FAA#8E73A6#8E76A3#8E7A9F#8E7E9B#8E8198#8E8693
#A1679F#A16C9A#A17195#A17690#A17B8B#A18086#A18680
#B46094#B4668E#B46C88#B47281#B4787B#B47E75#B4866D
#CB5686#CB5E7E#CB6577#CB6D6F#CB7567#CB7C60#CB8656