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 #5B8ACB to #5BCB8A and to #8A5BCB
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#5B94C1#5C91C3#5E8EC4#5F8BC6#6088C7#6186C9#6382CB
#5B9FB6#5D99B9#6093BD#628EC0#6588C3#6782C7#6A7BCB
#5BA9AC#5FA0B1#6298B6#668FBB#6A86C0#6D7EC5#7273CB
#5BB4A1#60A8A8#659DAE#6991B5#6E86BC#737AC3#796CCB
#5BBE97#61B09F#67A1A8#6D93B0#7384B8#7976C1#8164CB
#5BCB8A#63B994#6AA79F#7295A9#7983B4#8171BE#8A5BCB

Colorpallet from #5B8ACB to #5BCB8A and to #8ACB5B
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#5B94C1#5C94C0#5E94BE#5F94BD#6094BC#6194BB#6394B9
#5B9FB6#5D9FB4#609FB1#629FAF#659FAC#679FAA#6A9FA7
#5BA9AC#5FA9A8#62A9A5#66A9A1#6AA99D#6DA99A#72A995
#5BB4A1#60B49C#65B497#69B493#6EB48E#73B489#79B483
#5BBE97#61BE91#67BE8B#6DBE85#73BE7F#79BE79#81BE71
#5BCB8A#63CB82#6ACB7B#72CB73#79CB6C#81CB64#8ACB5B

Colorpallet from #5B8ACB to #5BCB8A and to #CB5B8A
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#5B94C1#5E91C1#618EC1#648BC1#6788C1#6986C1#6D82C1
#5B9FB6#6199B6#6793B6#6C8EB6#7288B6#7882B6#7F7BB6
#5BA9AC#64A0AC#6C98AC#758FAC#7E86AC#867EAC#9173AC
#5BB4A1#67A8A1#729DA1#7E91A1#8986A1#957AA1#A36CA1
#5BBE97#69B097#78A197#869397#958497#A37697#B56497
#5BCB8A#6DB98A#7FA78A#91958A#A3838A#B5718A#CB5B8A

Colorpallet from #5B8ACB to #5BCB8A and to #CB8A5B
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#5B94C1#5E92C0#6191BE#648FBD#678EBC#698CBB#6D8AB9
#5B9FB6#619CB4#6798B1#6C95AF#7292AC#788EAA#7F8AA7
#5BA9AC#64A4A8#6C9FA5#759AA1#7E959D#86909A#918A95
#5BB4A1#67AD9C#72A797#7EA093#89998E#959289#A38A83
#5BBE97#69B691#78AD8B#86A585#959D7F#A39479#B58A71
#5BCB8A#6DC182#7FB67B#91AC73#A3A16C#B59764#CB8A5B

Colorpallet from #5B8ACB to #8A5BCB and to #8ACB5B
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#6382CB#6385C8#6388C5#638BC2#638EBF#6390BD#6394B9
#6A7BCB#6A81C5#6A87BF#6A8CBA#6A92B4#6A98AE#6A9FA7
#7273CB#727CC2#7284BA#728DB1#7296A8#729EA0#72A995
#796CCB#7978BF#7983B4#798FA8#799A9D#79A691#79B483
#8164CB#8172BD#8181AE#818FA0#819E91#81AC83#81BE71
#8A5BCB#8A6DB9#8A7FA7#8A9195#8AA383#8AB571#8ACB5B

Colorpallet from #5B8ACB to #8A5BCB and to #CB5B8A
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#6382CB#6582C9#6682C8#6882C6#6982C5#6B82C3#6D82C1
#6A7BCB#6D7BC8#717BC4#747BC1#777BBE#7B7BBA#7F7BB6
#7273CB#7773C6#7C73C1#8173BC#8673B7#8B73B2#9173AC
#796CCB#806CC4#866CBE#8D6CB7#946CB0#9B6CA9#A36CA1
#8164CB#8964C3#9264BA#9A64B2#A264AA#AB64A1#B56497
#8A5BCB#945BC1#9F5BB6#A95BAC#B45BA1#BE5B97#CB5B8A

Colorpallet from #5B8ACB to #8A5BCB and to #CB8A5B
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#6382CB#6583C8#6685C5#6886C2#6987BF#6B88BD#6D8AB9
#6A7BCB#6D7DC5#7180BF#7482BA#7785B4#7B87AE#7F8AA7
#7273CB#7777C2#7C7ABA#817EB1#8682A8#8B85A0#918A95
#796CCB#8071BF#8676B4#8D7AA8#947F9D#9B8491#A38A83
#8164CB#896ABD#9270AE#9A76A0#A27C91#AB8283#B58A71
#8A5BCB#9463B9#9F6AA7#A97295#B47983#BE8171#CB8A5B

Colorpallet from #5B8ACB to #8ACB5B and to #CB5B8A
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#6394B9#6591BA#668EBC#688BBD#6988BE#6B86BF#6D82C1
#6A9FA7#6D99A9#7193AC#748EAE#7788B1#7B82B3#7F7BB6
#72A995#77A099#7C989C#818FA0#8686A4#8B7EA7#9173AC
#79B483#80A888#869D8D#8D9191#948696#9B7A9B#A36CA1
#81BE71#89B077#92A17D#9A9383#A28489#AB768F#B56497
#8ACB5B#94B963#9FA76A#A99572#B48379#BE7181#CB5B8A

Colorpallet from #5B8ACB to #8ACB5B and to #CB8A5B
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#6394B9#6592B9#6691B9#688FB9#698EB9#6B8CB9#6D8AB9
#6A9FA7#6D9CA7#7198A7#7495A7#7792A7#7B8EA7#7F8AA7
#72A995#77A495#7C9F95#819A95#869595#8B9095#918A95
#79B483#80AD83#86A783#8DA083#949983#9B9283#A38A83
#81BE71#89B671#92AD71#9AA571#A29D71#AB9471#B58A71
#8ACB5B#94C15B#9FB65B#A9AC5B#B4A15B#BE975B#CB8A5B

Colorpallet from #5B8ACB to #CB5B8A and to #CB8A5B
#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB#5B8ACB
#6D82C1#6D83C0#6D85BE#6D86BD#6D87BC#6D88BB#6D8AB9
#7F7BB6#7F7DB4#7F80B1#7F82AF#7F85AC#7F87AA#7F8AA7
#9173AC#9177A8#917AA5#917EA1#91829D#91859A#918A95
#A36CA1#A3719C#A37697#A37A93#A37F8E#A38489#A38A83
#B56497#B56A91#B5708B#B57685#B57C7F#B58279#B58A71
#CB5B8A#CB6382#CB6A7B#CB7273#CB796C#CB8164#CB8A5B