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 #5C7F8D to #5C8D7F and to #7F5C8D
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#5C818B#5D808B#5E7E8C#5F7D8C#607C8C#617B8D#62798D
#5C8389#5E818A#607E8A#617C8B#63798C#65778C#67748D
#5C8686#5F8287#617E88#647A89#67778A#6A738C#6D6E8D
#5C8884#608385#637E87#677988#6A748A#6E6F8B#72698D
#5C8A82#608484#657E86#697787#6E7189#726B8B#78638D
#5C8D7F#628581#677D83#6D7586#726E88#78668A#7F5C8D

Colorpallet from #5C7F8D to #5C8D7F and to #7F8D5C
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#5C818B#5D818A#5E8189#5F8188#608187#618186#628185
#5C8389#5E8387#608385#618383#638381#65837F#67837D
#5C8686#5F8683#618681#64867E#67867B#6A8678#6D8675
#5C8884#608880#63887D#678879#6A8876#6E8872#72886E
#5C8A82#608A7E#658A79#698A75#6E8A70#728A6C#788A66
#5C8D7F#628D79#678D74#6D8D6E#728D69#788D63#7F8D5C

Colorpallet from #5C7F8D to #5C8D7F and to #8D5C7F
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#5C818B#5D808B#5F7E8B#607D8B#617C8B#627B8B#64798B
#5C8389#5F8189#617E89#647C89#667989#697789#6C7489
#5C8686#608286#647E86#687A86#6B7786#6F7386#746E86
#5C8884#618384#667E84#6B7984#707484#756F84#7B6984
#5C8A82#628482#687E82#6F7782#757182#7B6B82#836382
#5C8D7F#64857F#6C7D7F#74757F#7B6E7F#83667F#8D5C7F

Colorpallet from #5C7F8D to #5C8D7F and to #8D7F5C
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#5C818B#5D818A#5F8089#608088#618087#627F86#647F85
#5C8389#5F8287#618285#648183#668081#69807F#6C7F7D
#5C8686#608583#648481#68837E#6B827B#6F8078#747F75
#5C8884#618780#66857D#6B8479#708276#758172#7B7F6E
#5C8A82#62887E#688679#6F8575#758370#7B816C#837F66
#5C8D7F#648B79#6C8974#74866E#7B8469#838263#8D7F5C

Colorpallet from #5C7F8D to #7F5C8D and to #7F8D5C
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#62798D#627A8C#627C8A#627D89#627E88#627F87#628185
#67748D#67768A#677988#677B85#677E83#678080#67837D
#6D6E8D#6D7289#6D7685#6D7A81#6D7D7E#6D817A#6D8675
#72698D#726E88#727383#72787E#727D79#728274#72886E
#78638D#786987#786F81#78767A#787C74#78826E#788A66
#7F5C8D#7F6485#7F6C7D#7F7475#7F7B6E#7F8366#7F8D5C

Colorpallet from #5C7F8D to #7F5C8D and to #8D5C7F
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#62798D#62798D#63798C#63798C#63798C#64798B#64798B
#67748D#68748C#69748C#69748B#6A748A#6B748A#6C7489
#6D6E8D#6E6E8C#6F6E8B#706E8A#716E89#736E87#746E86
#72698D#73698C#75698A#766989#786987#796986#7B6984
#78638D#7A638B#7C6389#7D6388#7F6386#816384#836382
#7F5C8D#815C8B#835C89#865C86#885C84#8A5C82#8D5C7F

Colorpallet from #5C7F8D to #7F5C8D and to #8D7F5C
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#62798D#627A8C#637B8A#637C89#637D88#647E87#647F85
#67748D#68768A#697888#697985#6A7B83#6B7D80#6C7F7D
#6D6E8D#6E7189#6F7385#707681#71797E#737C7A#747F75
#72698D#736D88#757083#76747E#787779#797B74#7B7F6E
#78638D#7A6787#7C6C81#7D707A#7F7574#81796E#837F66
#7F5C8D#816285#83677D#866D75#88726E#8A7866#8D7F5C

Colorpallet from #5C7F8D to #7F8D5C and to #8D5C7F
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#628185#628086#637E87#637D88#637C89#647B8A#64798B
#67837D#68817F#697E81#697C83#6A7985#6B7787#6C7489
#6D8675#6E8278#6F7E7A#707A7D#717780#737383#746E86
#72886E#738372#757E75#767979#78747C#796F80#7B6984
#788A66#7A846A#7C7E6F#7D7773#7F7178#816B7C#836382
#7F8D5C#818562#837D67#86756D#886E72#8A6678#8D5C7F

Colorpallet from #5C7F8D to #7F8D5C and to #8D7F5C
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#628185#628185#638085#638085#638085#647F85#647F85
#67837D#68827D#69827D#69817D#6A807D#6B807D#6C7F7D
#6D8675#6E8575#6F8475#708375#718275#738075#747F75
#72886E#73876E#75856E#76846E#78826E#79816E#7B7F6E
#788A66#7A8866#7C8666#7D8566#7F8366#818166#837F66
#7F8D5C#818B5C#83895C#86865C#88845C#8A825C#8D7F5C

Colorpallet from #5C7F8D to #8D5C7F and to #8D7F5C
#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D#5C7F8D
#64798B#647A8A#647B89#647C88#647D87#647E86#647F85
#6C7489#6C7687#6C7885#6C7983#6C7B81#6C7D7F#6C7F7D
#746E86#747183#747381#74767E#74797B#747C78#747F75
#7B6984#7B6D80#7B707D#7B7479#7B7776#7B7B72#7B7F6E
#836382#83677E#836C79#837075#837570#83796C#837F66
#8D5C7F#8D6279#8D6774#8D6D6E#8D7269#8D7863#8D7F5C