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 #5B8BCA to #5BCA8B and to #8B5BCA
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#5B95C0#5C92C2#5E8FC3#5F8CC5#6089C6#6187C8#6383CA
#5B9FB6#5D99B9#6094BC#628EC0#6589C3#6783C6#6A7CCA
#5BA9AC#5FA1B1#6298B6#6690BA#6A87BF#6D7FC4#7274CA
#5BB3A2#60A8A8#659CAF#6A91B5#6F86BC#747AC2#7A6CCA
#5BBD98#61AFA0#67A1A8#6D93B0#7385B8#7977C0#8165CA
#5BCA8B#63B895#6AA69F#7295A9#7A83B3#8171BD#8B5BCA

Colorpallet from #5B8BCA to #5BCA8B and to #8BCA5B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#5B95C0#5C95BF#5E95BD#5F95BC#6095BB#6195BA#6395B8
#5B9FB6#5D9FB3#609FB1#629FAE#659FAC#679FA9#6A9FA6
#5BA9AC#5FA9A8#62A9A5#66A9A1#6AA99D#6DA99A#72A995
#5BB3A2#60B39D#65B398#6AB393#6FB38E#74B389#7AB383
#5BBD98#61BD92#67BD8C#6DBD85#73BD7F#79BD79#81BD71
#5BCA8B#63CA83#6ACA7C#72CA74#7ACA6C#81CA65#8BCA5B

Colorpallet from #5B8BCA to #5BCA8B and to #CA5B8B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#5B95C0#5E92C0#618FC0#648CC0#6789C0#6987C0#6D83C0
#5B9FB6#6199B6#6794B6#6C8EB6#7289B6#7883B6#7F7CB6
#5BA9AC#63A1AC#6C98AC#7490AC#7D87AC#857FAC#9074AC
#5BB3A2#66A8A2#729CA2#7D91A2#8886A2#947AA2#A26CA2
#5BBD98#69AF98#77A198#869398#948598#A27798#B46598
#5BCA8B#6DB88B#7FA68B#90958B#A2838B#B4718B#CA5B8B

Colorpallet from #5B8BCA to #5BCA8B and to #CA8B5B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#5B95C0#5E93BF#6192BD#6490BC#678FBB#698DBA#6D8BB8
#5B9FB6#619CB3#6799B1#6C95AE#7292AC#788FA9#7F8BA6
#5BA9AC#63A4A8#6C9FA5#749BA1#7D969D#85919A#908B95
#5BB3A2#66AD9D#72A698#7DA093#88998E#949389#A28B83
#5BBD98#69B592#77AD8C#86A585#949D7F#A29579#B48B71
#5BCA8B#6DC083#7FB67C#90AC74#A2A26C#B49865#CA8B5B

Colorpallet from #5B8BCA to #8B5BCA and to #8BCA5B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#6383CA#6386C7#6389C4#638CC1#638FBE#6391BC#6395B8
#6A7CCA#6A82C4#6A87BE#6A8DB9#6A92B3#6A98AD#6A9FA6
#7274CA#727CC2#7285B9#728DB1#7296A8#729EA0#72A995
#7A6CCA#7A77BF#7A83B3#7A8EA8#7A999D#7AA591#7AB383
#8165CA#8173BC#8181AE#818F9F#819D91#81AB83#81BD71
#8B5BCA#8B6DB8#8B7FA6#8B9095#8BA283#8BB471#8BCA5B

Colorpallet from #5B8BCA to #8B5BCA and to #CA5B8B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#6383CA#6583C8#6683C7#6883C5#6983C4#6B83C2#6D83C0
#6A7CCA#6D7CC7#717CC4#747CC0#777CBD#7B7CBA#7F7CB6
#7274CA#7774C5#7C74C0#8074BC#8574B7#8A74B2#9074AC
#7A6CCA#806CC4#876CBD#8D6CB7#946CB0#9A6CAA#A26CA2
#8165CA#8965C2#9165BA#9965B2#A265AA#AA65A2#B46598
#8B5BCA#955BC0#9F5BB6#A95BAC#B35BA2#BD5B98#CA5B8B

Colorpallet from #5B8BCA to #8B5BCA and to #CA8B5B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#6383CA#6584C7#6686C4#6887C1#6988BE#6B89BC#6D8BB8
#6A7CCA#6D7EC4#7181BE#7483B9#7786B3#7B88AD#7F8BA6
#7274CA#7778C2#7C7BB9#807FB1#8583A8#8A86A0#908B95
#7A6CCA#8071BF#8776B3#8D7BA8#94809D#9A8591#A28B83
#8165CA#896BBC#9171AE#99779F#A27D91#AA8383#B48B71
#8B5BCA#9563B8#9F6AA6#A97295#B37A83#BD8171#CA8B5B

Colorpallet from #5B8BCA to #8BCA5B and to #CA5B8B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#6395B8#6592B9#668FBB#688CBC#6989BD#6B87BE#6D83C0
#6A9FA6#6D99A9#7194AB#748EAE#7789B0#7B83B3#7F7CB6
#72A995#77A199#7C989C#8090A0#8587A4#8A7FA7#9074AC
#7AB383#80A888#879C8D#8D9192#948697#9A7A9C#A26CA2
#81BD71#89AF77#91A17D#999384#A2858A#AA7790#B46598
#8BCA5B#95B863#9FA66A#A99572#B3837A#BD7181#CA5B8B

Colorpallet from #5B8BCA to #8BCA5B and to #CA8B5B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#6395B8#6593B8#6692B8#6890B8#698FB8#6B8DB8#6D8BB8
#6A9FA6#6D9CA6#7199A6#7495A6#7792A6#7B8FA6#7F8BA6
#72A995#77A495#7C9F95#809B95#859695#8A9195#908B95
#7AB383#80AD83#87A683#8DA083#949983#9A9383#A28B83
#81BD71#89B571#91AD71#99A571#A29D71#AA9571#B48B71
#8BCA5B#95C05B#9FB65B#A9AC5B#B3A25B#BD985B#CA8B5B

Colorpallet from #5B8BCA to #CA5B8B and to #CA8B5B
#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA#5B8BCA
#6D83C0#6D84BF#6D86BD#6D87BC#6D88BB#6D89BA#6D8BB8
#7F7CB6#7F7EB3#7F81B1#7F83AE#7F86AC#7F88A9#7F8BA6
#9074AC#9078A8#907BA5#907FA1#90839D#90869A#908B95
#A26CA2#A2719D#A27698#A27B93#A2808E#A28589#A28B83
#B46598#B46B92#B4718C#B47785#B47D7F#B48379#B48B71
#CA5B8B#CA6383#CA6A7C#CA7274#CA7A6C#CA8165#CA8B5B