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 #5D8A8C to #5D8C8A and to #8A5D8C
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#5D8A8C#5E898C#5F888C#60878C#61868C#63848C#64838C
#5D8B8B#5F898B#61868B#64848B#66818C#687F8C#6B7C8C
#5D8B8B#61878B#64848B#68808B#6B7C8C#6F798C#73748C
#5D8B8B#62868B#66818B#6B7D8B#70788C#74738C#7A6D8C
#5D8C8A#63868A#69808B#6E7A8B#74748B#7A6E8C#81668C
#5D8C8A#64848A#6B7D8B#73758B#7A6E8B#81668C#8A5D8C

Colorpallet from #5D8A8C to #5D8C8A and to #8A8C5D
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#5D8A8C#5E8A8B#5F8A89#608A88#618A87#638A86#648A84
#5D8B8B#5F8B89#618B87#648B84#668B82#688B80#6B8B7D
#5D8B8B#618B87#648B84#688B80#6B8B7D#6F8B79#738B75
#5D8B8B#628B86#668B82#6B8B7D#708B78#748B74#7A8B6E
#5D8C8A#638C84#698C7E#6E8C79#748C73#7A8C6D#818C66
#5D8C8A#648C83#6B8C7C#738C74#7A8C6D#818C66#8A8C5D

Colorpallet from #5D8A8C to #5D8C8A and to #8C5D8A
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#5D8A8C#5E898C#60888C#61878C#62868C#63848C#65838C
#5D8B8B#5F898B#62868B#64848B#67818B#697F8B#6C7C8B
#5D8B8B#61878B#64848B#68808B#6C7C8B#6F798B#74748B
#5D8B8B#62868B#67818B#6B7D8B#70788B#75738B#7B6D8B
#5D8C8A#63868A#69808A#6F7A8A#75748A#7B6E8A#83668A
#5D8C8A#65848A#6C7D8A#74758A#7B6E8A#83668A#8C5D8A

Colorpallet from #5D8A8C to #5D8C8A and to #8C8A5D
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#5D8A8C#5E8A8B#608A89#618A88#628A87#638A86#658A84
#5D8B8B#5F8B89#628B87#648B84#678A82#698A80#6C8A7D
#5D8B8B#618B87#648B84#688B80#6C8A7D#6F8A79#748A75
#5D8B8B#628B86#678B82#6B8B7D#708A78#758A74#7B8A6E
#5D8C8A#638C84#698B7E#6F8B79#758B73#7B8A6D#838A66
#5D8C8A#658C83#6C8B7C#748B74#7B8B6D#838A66#8C8A5D

Colorpallet from #5D8A8C to #8A5D8C and to #8A8C5D
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#64838C#64848B#648589#648688#648787#648986#648A84
#6B7C8C#6B7E8A#6B8187#6B8385#6B8682#6B8880#6B8B7D
#73748C#737888#737B85#737F81#73837D#73867A#738B75
#7A6D8C#7A7287#7A7782#7A7B7E#7A8079#7A8574#7A8B6E
#81668C#816C86#817280#81787A#817E74#81846E#818C66
#8A5D8C#8A6584#8A6C7D#8A7475#8A7B6E#8A8366#8A8C5D

Colorpallet from #5D8A8C to #8A5D8C and to #8C5D8A
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#64838C#64838C#64838C#64838C#65838C#65838C#65838C
#6B7C8C#6B7C8C#6B7C8C#6B7C8C#6C7C8B#6C7C8B#6C7C8B
#73748C#73748C#73748C#73748C#74748B#74748B#74748B
#7A6D8C#7A6D8C#7A6D8C#7A6D8C#7B6D8B#7B6D8B#7B6D8B
#81668C#81668C#82668B#82668B#82668B#83668A#83668A
#8A5D8C#8A5D8C#8B5D8B#8B5D8B#8B5D8B#8C5D8A#8C5D8A

Colorpallet from #5D8A8C to #8A5D8C and to #8C8A5D
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#64838C#64848B#648589#648688#658787#658986#658A84
#6B7C8C#6B7E8A#6B8087#6B8385#6C8582#6C8780#6C8A7D
#73748C#737888#737B85#737F81#74827D#74867A#748A75
#7A6D8C#7A7287#7A7682#7A7B7E#7B8079#7B8474#7B8A6E
#81668C#816C86#827280#82777A#827D74#83836E#838A66
#8A5D8C#8A6484#8B6B7D#8B7375#8B7A6E#8C8166#8C8A5D

Colorpallet from #5D8A8C to #8A8C5D and to #8C5D8A
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#648A84#648985#648887#648788#658689#65848A#65838C
#6B8B7D#6B897F#6B8681#6B8484#6C8186#6C7F88#6C7C8B
#738B75#738779#73847C#738080#747C83#747987#74748B
#7A8B6E#7A8673#7A8177#7A7D7C#7B7881#7B7385#7B6D8B
#818C66#81866C#828072#827A77#82747D#836E83#83668A
#8A8C5D#8A8464#8B7D6B#8B7573#8B6E7A#8C6681#8C5D8A

Colorpallet from #5D8A8C to #8A8C5D and to #8C8A5D
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#648A84#648A84#648A84#648A84#658A84#658A84#658A84
#6B8B7D#6B8B7D#6B8B7D#6B8B7D#6C8A7D#6C8A7D#6C8A7D
#738B75#738B75#738B75#738B75#748A75#748A75#748A75
#7A8B6E#7A8B6E#7A8B6E#7A8B6E#7B8A6E#7B8A6E#7B8A6E
#818C66#818C66#828B66#828B66#828B66#838A66#838A66
#8A8C5D#8A8C5D#8B8B5D#8B8B5D#8B8B5D#8C8A5D#8C8A5D

Colorpallet from #5D8A8C to #8C5D8A and to #8C8A5D
#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C#5D8A8C
#65838C#65848B#658589#658688#658787#658986#658A84
#6C7C8B#6C7E89#6C8087#6C8384#6C8582#6C8780#6C8A7D
#74748B#747887#747B84#747F80#74827D#748679#748A75
#7B6D8B#7B7286#7B7682#7B7B7D#7B8078#7B8474#7B8A6E
#83668A#836C84#83727E#837779#837D73#83836D#838A66
#8C5D8A#8C6483#8C6B7C#8C7374#8C7A6D#8C8166#8C8A5D