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 #5688B8 to #56B888 and to #8856B8
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5690B0#578DB1#598BB3#5A88B4#5B86B5#5C83B6#5E80B8
#5697A9#5992AB#5B8DAE#5E88B0#6083B3#637EB5#6678B8
#569FA1#5A97A5#5E90A8#6288AC#6581B0#6979B3#6E70B8
#56A799#5B9D9E#6093A3#6589A8#6A7FAD#7075B2#7668B8
#56AE92#5CA298#63959E#6989A4#707CAA#7670B0#7E60B8
#56B888#5EA890#669997#6E899F#7679A7#7E6AAE#8856B8

Colorpallet from #5688B8 to #56B888 and to #88B856
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5690B0#5790AF#5990AD#5A90AC#5B90AB#5C90AA#5E90A8
#5697A9#5997A6#5B97A4#5E97A1#60979F#63979C#669799
#569FA1#5A9F9D#5E9F99#629F95#659F92#699F8E#6E9F89
#56A799#5BA794#60A78F#65A78A#6AA785#70A77F#76A779
#56AE92#5CAE8C#63AE85#69AE7F#70AE78#76AE72#7EAE6A
#56B888#5EB880#66B878#6EB870#76B868#7EB860#88B856

Colorpallet from #5688B8 to #56B888 and to #B85688
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5690B0#598DB0#5B8BB0#5E88B0#6086B0#6383B0#6680B0
#5697A9#5B92A9#608DA9#6588A9#6A83A9#6F7EA9#7578A9
#569FA1#5E97A1#6590A1#6D88A1#7481A1#7C79A1#8570A1
#56A799#609D99#6A9399#748999#7E7F99#887599#956899
#56AE92#62A292#6F9592#7B8992#887C92#947092#A46092
#56B888#66A888#759988#858988#957988#A46A88#B85688

Colorpallet from #5688B8 to #56B888 and to #B88856
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5690B0#598FAF#5B8DAD#5E8CAC#608BAB#638AAA#6688A8
#5697A9#5B95A6#6092A4#6590A1#6A8D9F#6F8B9C#758899
#569FA1#5E9B9D#659899#6D9495#749092#7C8D8E#858889
#56A799#60A294#6A9D8F#74988A#7E9385#888E7F#958879
#56AE92#62A88C#6FA285#7B9C7F#889678#949072#A4886A
#56B888#66B080#75A978#85A170#959968#A49260#B88856

Colorpallet from #5688B8 to #8856B8 and to #88B856
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5E80B8#5E83B5#5E85B3#5E88B0#5E8AAE#5E8DAB#5E90A8
#6678B8#667DB3#6682AE#6687A9#668CA4#66919F#669799
#6E70B8#6E78B0#6E7FA9#6E87A1#6E8E9A#6E9692#6E9F89
#7668B8#7672AE#767CA4#76869A#769090#769A86#76A779
#7E60B8#7E6CAC#7E799F#7E8593#7E9286#7E9E7A#7EAE6A
#8856B8#8866A8#887599#888589#889579#88A46A#88B856

Colorpallet from #5688B8 to #8856B8 and to #B85688
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5E80B8#5F80B7#6180B5#6280B4#6380B3#6480B2#6680B0
#6678B8#6878B6#6B78B3#6D78B1#7078AE#7278AC#7578A9
#6E70B8#7270B4#7570B1#7970AD#7D70A9#8070A6#8570A1
#7668B8#7B68B3#8068AE#8568A9#8A68A4#8F689F#956899
#7E60B8#8460B2#8A60AC#9060A6#9660A0#9C609A#A46092
#8856B8#9056B0#9756A9#9F56A1#A75699#AE5692#B85688

Colorpallet from #5688B8 to #8856B8 and to #B88856
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5E80B8#5F81B5#6183B3#6284B0#6385AE#6486AB#6688A8
#6678B8#687BB3#6B7DAE#6D80A9#7082A4#72859F#758899
#6E70B8#7274B0#7578A9#797CA1#7D7F9A#808392#858889
#7668B8#7B6DAE#8072A4#85779A#8A7C90#8F8286#958879
#7E60B8#8466AC#8A6D9F#907393#967A86#9C807A#A4886A
#8856B8#905EA8#976699#9F6E89#A77679#AE7E6A#B88856

Colorpallet from #5688B8 to #88B856 and to #B85688
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5E90A8#5F8DA9#618BAB#6288AC#6386AD#6483AE#6680B0
#669799#68929C#6B8D9E#6D88A1#7083A3#727EA6#7578A9
#6E9F89#72978D#759091#798895#7D8198#80799C#8570A1
#76A779#7B9D7E#809383#858988#8A7F8D#8F7593#956899
#7EAE6A#84A270#8A9577#90897D#967C84#9C708A#A46092
#88B856#90A85E#979966#9F896E#A77976#AE6A7E#B85688

Colorpallet from #5688B8 to #88B856 and to #B88856
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#5E90A8#5F8FA8#618DA8#628CA8#638BA8#648AA8#6688A8
#669799#689599#6B9299#6D9099#708D99#728B99#758899
#6E9F89#729B89#759889#799489#7D9089#808D89#858889
#76A779#7BA279#809D79#859879#8A9379#8F8E79#958879
#7EAE6A#84A86A#8AA26A#909C6A#96966A#9C906A#A4886A
#88B856#90B056#97A956#9FA156#A79956#AE9256#B88856

Colorpallet from #5688B8 to #B85688 and to #B88856
#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8#5688B8
#6680B0#6681AF#6683AD#6684AC#6685AB#6686AA#6688A8
#7578A9#757BA6#757DA4#7580A1#75829F#75859C#758899
#8570A1#85749D#857899#857C95#857F92#85838E#858889
#956899#956D94#95728F#95778A#957C85#95827F#958879
#A46092#A4668C#A46D85#A4737F#A47A78#A48072#A4886A
#B85688#B85E80#B86678#B86E70#B87668#B87E60#B88856