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 #5A6F8B to #5A8B6F and to #6F5A8B
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5A7387#5A7288#5B7188#5B7089#5C6F8A#5C6D8A#5D6C8B
#5A7882#5B7583#5C7385#5D7086#5E6E88#606B89#61688B
#5A7C7E#5C7880#5D7582#5F7184#606D86#626A88#64658B
#5A8179#5C7C7C#5E777F#607282#626D85#646887#67628B
#5A8575#5D7F79#5F797C#627280#656C83#686687#6B5E8B
#5A8B6F#5D8373#617B78#64737C#676C81#6B6485#6F5A8B

Colorpallet from #5A6F8B to #5A8B6F and to #6F8B5A
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5A7387#5A7386#5B7386#5B7385#5C7384#5C7384#5D7383
#5A7882#5B7881#5C7880#5D787F#5E787E#60787C#61787B
#5A7C7E#5C7C7C#5D7C7A#5F7C79#607C77#627C75#647C73
#5A8179#5C8177#5E8175#608173#628171#64816F#67816C
#5A8575#5D8572#5F8570#62856D#65856A#688567#6B8564
#5A8B6F#5D8B6C#618B68#648B65#678B62#6B8B5E#6F8B5A

Colorpallet from #5A6F8B to #5A8B6F and to #8B5A6F
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5A7387#5B7287#5D7187#5E7087#5F6F87#606D87#626C87
#5A7882#5D7582#5F7382#627082#646E82#676B82#6A6882
#5A7C7E#5E787E#62757E#66717E#696D7E#6D6A7E#72657E
#5A8179#5F7C79#647779#697279#6E6D79#736879#796279
#5A8575#607F75#667975#6D7275#736C75#796675#815E75
#5A8B6F#62836F#6A7B6F#72736F#796C6F#81646F#8B5A6F

Colorpallet from #5A6F8B to #5A8B6F and to #8B6F5A
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5A7387#5B7286#5D7286#5E7185#5F7084#607084#626F83
#5A7882#5D7781#5F7580#62747F#64727E#67717C#6A6F7B
#5A7C7E#5E7A7C#62787A#667679#697477#6D7275#726F73
#5A8179#5F7E77#647B75#697873#6E7571#73736F#796F6C
#5A8575#608172#667E70#6D7A6D#73776A#797367#816F64
#5A8B6F#62876C#6A8268#727E65#797962#81755E#8B6F5A

Colorpallet from #5A6F8B to #6F5A8B and to #6F8B5A
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5D6C8B#5D6D8A#5D6E88#5D6F87#5D7086#5D7285#5D7383
#61688B#616B88#616D86#617083#617281#61757E#61787B
#64658B#646987#646C83#64707F#64747C#647778#647C73
#67628B#676786#676C81#67717C#677677#677B72#67816C
#6B5E8B#6B6485#6B6A7F#6B7178#6B7772#6B7D6C#6B8564
#6F5A8B#6F6283#6F6A7B#6F7273#6F796C#6F8164#6F8B5A

Colorpallet from #5A6F8B to #6F5A8B and to #8B5A6F
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5D6C8B#5E6C8A#5F6C8A#5F6C89#606C88#616C88#626C87
#61688B#62688A#646888#656887#676885#686884#6A6882
#64658B#666589#686587#6B6585#6D6583#6F6581#72657E
#67628B#6A6288#6D6285#706282#73627F#75627D#796279
#6B5E8B#6F5E87#725E84#765E80#795E7D#7D5E79#815E75
#6F5A8B#735A87#785A82#7C5A7E#815A79#855A75#8B5A6F

Colorpallet from #5A6F8B to #6F5A8B and to #8B6F5A
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5D6C8B#5E6C8A#5F6D88#5F6D87#606E86#616E85#626F83
#61688B#626988#646A86#656B83#676C81#686E7E#6A6F7B
#64658B#666787#686883#6B6A7F#6D6B7C#6F6D78#726F73
#67628B#6A6486#6D6681#70687C#736A77#756C72#796F6C
#6B5E8B#6F6185#72637F#766678#796972#7D6C6C#816F64
#6F5A8B#735D83#78617B#7C6473#81676C#856B64#8B6F5A

Colorpallet from #5A6F8B to #6F8B5A and to #8B5A6F
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5D7383#5E7284#5F7184#5F7085#606F86#616D86#626C87
#61787B#62757C#64737D#65707E#676E7F#686B81#6A6882
#647C73#667875#687577#6B7178#6D6D7A#6F6A7C#72657E
#67816C#6A7C6E#6D7770#707272#736D74#756876#796279
#6B8564#6F7F67#727969#76726C#796C6F#7D6672#815E75
#6F8B5A#73835D#787B61#7C7364#816C67#85646B#8B5A6F

Colorpallet from #5A6F8B to #6F8B5A and to #8B6F5A
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#5D7383#5E7283#5F7283#5F7183#607083#617083#626F83
#61787B#62777B#64757B#65747B#67727B#68717B#6A6F7B
#647C73#667A73#687873#6B7673#6D7473#6F7273#726F73
#67816C#6A7E6C#6D7B6C#70786C#73756C#75736C#796F6C
#6B8564#6F8164#727E64#767A64#797764#7D7364#816F64
#6F8B5A#73875A#78825A#7C7E5A#81795A#85755A#8B6F5A

Colorpallet from #5A6F8B to #8B5A6F and to #8B6F5A
#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B#5A6F8B
#626C87#626C86#626D86#626D85#626E84#626E84#626F83
#6A6882#6A6981#6A6A80#6A6B7F#6A6C7E#6A6E7C#6A6F7B
#72657E#72677C#72687A#726A79#726B77#726D75#726F73
#796279#796477#796675#796873#796A71#796C6F#796F6C
#815E75#816172#816370#81666D#81696A#816C67#816F64
#8B5A6F#8B5D6C#8B6168#8B6465#8B6762#8B6B5E#8B6F5A