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 #5A7E8B to #5A8B7E and to #7E5A8B
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#5A8089#5B7F89#5C7D8A#5D7C8A#5E7B8A#5F7A8B#60788B
#5A8287#5C7F88#5E7D88#607A89#62788A#64758A#66728B
#5A8485#5D8086#5F7D87#627988#657589#68728A#6B6D8B
#5A8683#5E8184#617C86#657787#697288#6C6D89#71678B
#5A8881#5F8283#637C84#687586#6D6F87#716989#77618B
#5A8B7E#608380#667B82#6B7384#716C86#776488#7E5A8B

Colorpallet from #5A7E8B to #5A8B7E and to #7E8B5A
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#5A8089#5B8088#5C8087#5D8086#5E8085#5F8084#608083
#5A8287#5C8285#5E8283#608281#62827F#64827D#66827B
#5A8485#5D8482#5F847F#62847C#658479#688477#6B8473
#5A8683#5E867F#61867C#658678#698674#6C8671#71866C
#5A8881#5F887C#638878#688873#6D886E#71886A#778864
#5A8B7E#608B78#668B72#6B8B6D#718B67#778B61#7E8B5A

Colorpallet from #5A7E8B to #5A8B7E and to #8B5A7E
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#5A8089#5B7F89#5D7D89#5E7C89#5F7B89#607A89#627889
#5A8287#5D7F87#5F7D87#627A87#647887#677587#6A7287
#5A8485#5E8085#627D85#667985#697585#6D7285#726D85
#5A8683#5F8183#647C83#697783#6E7283#736D83#796783
#5A8881#608281#667C81#6D7581#736F81#796981#816181
#5A8B7E#62837E#6A7B7E#72737E#796C7E#81647E#8B5A7E

Colorpallet from #5A7E8B to #5A8B7E and to #8B7E5A
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#5A8089#5B8088#5D7F87#5E7F86#5F7F85#607E84#627E83
#5A8287#5D8185#5F8183#628081#647F7F#677F7D#6A7E7B
#5A8485#5E8382#62827F#66817C#698079#6D7F77#727E73
#5A8683#5F857F#64837C#698278#6E8174#738071#797E6C
#5A8881#60867C#668578#6D8373#73826E#79806A#817E64
#5A8B7E#628978#6A8772#72856D#798367#818161#8B7E5A

Colorpallet from #5A7E8B to #7E5A8B and to #7E8B5A
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#60788B#60798A#607B88#607C87#607D86#607E85#608083
#66728B#667588#667786#667A83#667C81#667F7E#66827B
#6B6D8B#6B7187#6B7483#6B787F#6B7C7C#6B7F78#6B8473
#71678B#716C86#717181#71767C#717B77#718072#71866C
#77618B#776785#776D7F#777478#777A72#77806C#778864
#7E5A8B#7E6283#7E6A7B#7E7273#7E796C#7E8164#7E8B5A

Colorpallet from #5A7E8B to #7E5A8B and to #8B5A7E
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#60788B#60788B#61788A#61788A#61788A#627889#627889
#66728B#67728A#67728A#687289#697288#697288#6A7287
#6B6D8B#6C6D8A#6D6D89#6E6D88#6F6D87#716D86#726D85
#71678B#72678A#746788#756787#766786#776785#796783
#77618B#796189#7A6188#7C6186#7D6185#7F6183#816181
#7E5A8B#805A89#825A87#845A85#865A83#885A81#8B5A7E

Colorpallet from #5A7E8B to #7E5A8B and to #8B7E5A
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#60788B#60798A#617A88#617B87#617C86#627D85#627E83
#66728B#677488#677686#687883#697A81#697C7E#6A7E7B
#6B6D8B#6C7087#6D7283#6E757F#6F787C#717B78#727E73
#71678B#726B86#746E81#75727C#767677#777972#797E6C
#77618B#796685#7A6A7F#7C6F78#7D7472#7F786C#817E64
#7E5A8B#806083#82667B#846B73#86716C#887764#8B7E5A

Colorpallet from #5A7E8B to #7E8B5A and to #8B5A7E
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#608083#607F84#617D85#617C86#617B87#627A88#627889
#66827B#677F7D#677D7F#687A81#697883#697585#6A7287
#6B8473#6C8076#6D7D79#6E797C#6F757F#717281#726D85
#71866C#728170#747C73#757777#76727B#776D7E#796783
#778864#798269#7A7C6D#7C7572#7D6F77#7F697B#816181
#7E8B5A#808360#827B66#84736B#866C71#886477#8B5A7E

Colorpallet from #5A7E8B to #7E8B5A and to #8B7E5A
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#608083#608083#617F83#617F83#617F83#627E83#627E83
#66827B#67817B#67817B#68807B#697F7B#697F7B#6A7E7B
#6B8473#6C8373#6D8273#6E8173#6F8073#717F73#727E73
#71866C#72856C#74836C#75826C#76816C#77806C#797E6C
#778864#798664#7A8564#7C8364#7D8264#7F8064#817E64
#7E8B5A#80895A#82875A#84855A#86835A#88815A#8B7E5A

Colorpallet from #5A7E8B to #8B5A7E and to #8B7E5A
#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B#5A7E8B
#627889#627988#627A87#627B86#627C85#627D84#627E83
#6A7287#6A7485#6A7683#6A7881#6A7A7F#6A7C7D#6A7E7B
#726D85#727082#72727F#72757C#727879#727B77#727E73
#796783#796B7F#796E7C#797278#797674#797971#797E6C
#816181#81667C#816A78#816F73#81746E#81786A#817E64
#8B5A7E#8B6078#8B6672#8B6B6D#8B7167#8B7761#8B7E5A