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 #5B70C9 to #5BC970 and to #705BC9
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5B7EBB#5B7BBD#5C79BF#5C76C2#5D73C4#5D70C6#5E6DC9
#5B8CAD#5C86B1#5D81B6#5E7BBA#5F76BF#6170C3#6269C9
#5B9B9E#5D93A5#5E8AAC#6082B3#6179BA#6371C0#6566C9
#5BA990#5D9E99#5F93A2#6187AB#637CB4#6571BE#6863C9
#5BB782#5EA98D#609B99#638DA4#667FAF#6971BB#6C5FC9
#5BC970#5EB77E#62A68C#65949B#6883A9#6C71B7#705BC9

Colorpallet from #5B70C9 to #5BC970 and to #70C95B
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5B7EBB#5B7EBA#5C7EBA#5C7EB9#5D7EB8#5D7EB8#5E7EB7
#5B8CAD#5C8CAC#5D8CAB#5E8CAA#5F8CA9#618CA7#628CA6
#5B9B9E#5D9B9C#5E9B9B#609B99#619B98#639B96#659B94
#5BA990#5DA98E#5FA98C#61A98A#63A988#65A986#68A983
#5BB782#5EB77F#60B77D#63B77A#66B777#69B774#6CB771
#5BC970#5EC96D#62C969#65C966#68C963#6CC95F#70C95B

Colorpallet from #5B70C9 to #5BC970 and to #C95B70
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5B7EBB#5E7BBB#6179BB#6476BB#6773BB#6970BB#6D6DBB
#5B8CAD#6186AD#6681AD#6C7BAD#7176AD#7770AD#7E69AD
#5B9B9E#63939E#6C8A9E#74829E#7D799E#85719E#90669E
#5BA990#669E90#719390#7D8790#887C90#937190#A16390
#5BB782#69A982#779B82#858D82#937F82#A17182#B35F82
#5BC970#6DB770#7EA670#909470#A18370#B37170#C95B70

Colorpallet from #5B70C9 to #5BC970 and to #C9705B
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5B7EBB#5E7CBA#617ABA#6477B9#6775B8#6973B8#6D70B7
#5B8CAD#6188AC#6683AB#6C7FAA#717AA9#7776A7#7E70A6
#5B9B9E#63949C#6C8D9B#748699#7D7F98#857996#907094
#5BA990#66A08E#71978C#7D8E8A#888588#937B86#A17083
#5BB782#69AC7F#77A07D#85957A#938A77#A17E74#B37071
#5BC970#6DBB6D#7EAD69#909E66#A19063#B3825F#C9705B

Colorpallet from #5B70C9 to #705BC9 and to #70C95B
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5E6DC9#5E70C6#5E72C3#5E75C0#5E78BD#5E7BBB#5E7EB7
#6269C9#626FC3#6274BE#627AB8#627FB3#6285AD#628CA6
#6566C9#656EC1#6577B8#657FB0#6588A7#65909F#659B94
#6863C9#686EBE#6879B3#6885A7#68909C#689B91#68A983
#6C5FC9#6C6DBB#6C7BAD#6C899F#6C9791#6CA583#6CB771
#705BC9#706DB7#707EA6#709094#70A183#70B371#70C95B

Colorpallet from #5B70C9 to #705BC9 and to #C95B70
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5E6DC9#606DC7#636DC5#656DC2#686DC0#6A6DBE#6D6DBB
#6269C9#6669C5#6B69C0#6F69BC#7469B7#7869B3#7E69AD
#6566C9#6C66C2#7366BB#7A66B4#8166AD#8766A7#90669E
#6863C9#7163C0#7A63B7#8363AE#8C63A5#96639B#A16390
#6C5FC9#775FBE#835FB2#8E5FA7#995F9C#A55F90#B35F82
#705BC9#7E5BBB#8C5BAD#9B5B9E#A95B90#B75B82#C95B70

Colorpallet from #5B70C9 to #705BC9 and to #C9705B
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5E6DC9#606DC6#636EC3#656EC0#686FBD#6A6FBB#6D70B7
#6269C9#666AC3#6B6BBE#6F6CB8#746DB3#786FAD#7E70A6
#6566C9#6C68C1#7369B8#7A6BB0#816CA7#876E9F#907094
#6863C9#7165BE#7A67B3#8369A7#8C6B9C#966D91#A17083
#6C5FC9#7762BB#8364AD#8E679F#996A91#A56D83#B37071
#705BC9#7E5EB7#8C62A6#9B6594#A96883#B76C71#C9705B

Colorpallet from #5B70C9 to #70C95B and to #C95B70
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5E7EB7#607BB8#6379B8#6576B9#6873BA#6A70BA#6D6DBB
#628CA6#6686A7#6B81A8#6F7BA9#7476AA#7870AC#7E69AD
#659B94#6C9396#738A97#7A8299#81799A#87719C#90669E
#68A983#719E85#7A9387#838789#8C7C8B#96718D#A16390
#6CB771#77A974#839B76#8E8D79#997F7C#A5717F#B35F82
#70C95B#7EB75E#8CA662#9B9465#A98368#B7716C#C95B70

Colorpallet from #5B70C9 to #70C95B and to #C9705B
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#5E7EB7#607CB7#637AB7#6577B7#6875B7#6A73B7#6D70B7
#628CA6#6688A6#6B83A6#6F7FA6#747AA6#7876A6#7E70A6
#659B94#6C9494#738D94#7A8694#817F94#877994#907094
#68A983#71A083#7A9783#838E83#8C8583#967B83#A17083
#6CB771#77AC71#83A071#8E9571#998A71#A57E71#B37071
#70C95B#7EBB5B#8CAD5B#9B9E5B#A9905B#B7825B#C9705B

Colorpallet from #5B70C9 to #C95B70 and to #C9705B
#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9#5B70C9
#6D6DBB#6D6DBA#6D6EBA#6D6EB9#6D6FB8#6D6FB8#6D70B7
#7E69AD#7E6AAC#7E6BAB#7E6CAA#7E6DA9#7E6FA7#7E70A6
#90669E#90689C#90699B#906B99#906C98#906E96#907094
#A16390#A1658E#A1678C#A1698A#A16B88#A16D86#A17083
#B35F82#B3627F#B3647D#B3677A#B36A77#B36D74#B37071
#C95B70#C95E6D#C96269#C96566#C96863#C96C5F#C9705B