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 #5D7F8C to #5D8C7F and to #7F5D8C
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#5D818A#5E808A#5F7F8B#5F7E8B#607D8B#617B8C#627A8C
#5D8388#5F8189#617E89#627C8A#64798B#66778B#68748C
#5D8586#608187#627E88#657A89#67778A#6A738B#6D6F8C
#5D8784#618285#647D87#687988#6B7489#6F6F8A#73698C
#5D8982#618384#667D85#6A7787#6E7188#736B8A#78648C
#5D8C7F#628481#687D83#6D7585#736E87#786689#7F5D8C

Colorpallet from #5D7F8C to #5D8C7F and to #7F8C5D
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#5D818A#5E8189#5F8188#5F8187#608186#618185#628184
#5D8388#5F8386#618384#628383#648381#66837F#68837D
#5D8586#608583#628581#65857E#67857B#6A8578#6D8575
#5D8784#618780#64877D#688779#6B8776#6F8772#73876E
#5D8982#61897E#668979#6A8975#6E8970#73896C#788966
#5D8C7F#628C7A#688C74#6D8C6F#738C69#788C64#7F8C5D

Colorpallet from #5D7F8C to #5D8C7F and to #8C5D7F
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#5D818A#5E808A#607F8A#617E8A#627D8A#637B8A#657A8A
#5D8388#5F8188#627E88#647C88#677988#697788#6C7488
#5D8586#618186#647E86#687A86#6C7786#6F7386#746F86
#5D8784#628284#677D84#6B7984#707484#756F84#7B6984
#5D8982#638382#697D82#6F7782#757182#7B6B82#836482
#5D8C7F#65847F#6C7D7F#74757F#7B6E7F#83667F#8C5D7F

Colorpallet from #5D7F8C to #5D8C7F and to #8C7F5D
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#5D818A#5E8189#608088#618087#628086#637F85#657F84
#5D8388#5F8286#628284#648183#678081#69807F#6C7F7D
#5D8586#618483#648381#68827E#6C817B#6F8078#747F75
#5D8784#628680#67847D#6B8379#708276#758172#7B7F6E
#5D8982#63877E#698679#6F8475#758370#7B816C#837F66
#5D8C7F#658A7A#6C8874#74866F#7B8469#838264#8C7F5D

Colorpallet from #5D7F8C to #7F5D8C and to #7F8C5D
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#627A8C#627B8B#627C89#627D88#627E87#628086#628184
#68748C#68768A#687987#687B85#687E82#688080#68837D
#6D6F8C#6D7388#6D7685#6D7A81#6D7D7D#6D817A#6D8575
#73698C#736E87#737382#73777E#737C79#738174#73876E
#78648C#786A86#787080#78767A#787C74#78826E#788966
#7F5D8C#7F6584#7F6C7D#7F7475#7F7B6E#7F8366#7F8C5D

Colorpallet from #5D7F8C to #7F5D8C and to #8C5D7F
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#627A8C#627A8C#637A8B#637A8B#647A8B#647A8A#657A8A
#68748C#69748B#69748B#6A748A#6B7489#6B7489#6C7488
#6D6F8C#6E6F8B#6F6F8A#706F89#716F88#736F87#746F86
#73698C#74698B#766989#776988#786987#796986#7B6984
#78648C#7A648A#7C6489#7D6487#7F6486#816484#836482
#7F5D8C#815D8A#835D88#855D86#875D84#895D82#8C5D7F

Colorpallet from #5D7F8C to #7F5D8C and to #8C7F5D
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#627A8C#627B8B#637C89#637C88#647D87#647E86#657F84
#68748C#69768A#697887#6A7985#6B7B82#6B7D80#6C7F7D
#6D6F8C#6E7288#6F7485#707781#71797D#737C7A#747F75
#73698C#746D87#767082#77747E#787779#797B74#7B7F6E
#78648C#7A6886#7C6D80#7D717A#7F7574#817A6E#837F66
#7F5D8C#816284#83687D#856D75#87736E#897866#8C7F5D

Colorpallet from #5D7F8C to #7F8C5D and to #8C5D7F
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#628184#628085#637F86#637E87#647D88#647B89#657A8A
#68837D#69817F#697E81#6A7C82#6B7984#6B7786#6C7488
#6D8575#6E8178#6F7E7A#707A7D#717780#737383#746F86
#73876E#748272#767D75#777979#78747C#796F80#7B6984
#788966#7A836A#7C7D6F#7D7773#7F7178#816B7C#836482
#7F8C5D#818462#837D68#85756D#876E73#896678#8C5D7F

Colorpallet from #5D7F8C to #7F8C5D and to #8C7F5D
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#628184#628184#638084#638084#648084#647F84#657F84
#68837D#69827D#69827D#6A817D#6B807D#6B807D#6C7F7D
#6D8575#6E8475#6F8375#708275#718175#738075#747F75
#73876E#74866E#76846E#77836E#78826E#79816E#7B7F6E
#788966#7A8766#7C8666#7D8466#7F8366#818166#837F66
#7F8C5D#818A5D#83885D#85865D#87845D#89825D#8C7F5D

Colorpallet from #5D7F8C to #8C5D7F and to #8C7F5D
#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C#5D7F8C
#657A8A#657B89#657C88#657C87#657D86#657E85#657F84
#6C7488#6C7686#6C7884#6C7983#6C7B81#6C7D7F#6C7F7D
#746F86#747283#747481#74777E#74797B#747C78#747F75
#7B6984#7B6D80#7B707D#7B7479#7B7776#7B7B72#7B7F6E
#836482#83687E#836D79#837175#837570#837A6C#837F66
#8C5D7F#8C627A#8C6874#8C6D6F#8C7369#8C7864#8C7F5D