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 #508DAA to #50AA8D and to #8D50AA
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5092A5#5290A6#538DA7#558BA7#5688A8#5886A9#5A83AA
#5096A1#5391A2#568DA4#5A88A5#5D83A7#607FA8#6479AA
#509B9C#55949E#598DA0#5E86A3#637FA5#6779A7#6D70AA
#50A097#56979A#5C8D9D#6384A0#697BA3#6F72A6#7766AA
#50A493#589897#608D9A#68819E#6F76A2#776AA5#815CAA
#50AA8D#5A9C92#648D96#6D7F9B#7770A0#8162A4#8D50AA

Colorpallet from #508DAA to #50AA8D and to #8DAA50
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5092A5#5292A4#5392A2#5592A1#56929F#58929E#5A929C
#5096A1#53969E#56969B#5A9697#5D9694#609691#64968D
#509B9C#559B97#599B93#5E9B8E#639B89#679B85#6D9B7F
#50A097#56A091#5CA08B#63A084#69A07E#6FA078#77A070
#50A493#58A48B#60A483#68A47B#6FA474#77A46C#81A462
#50AA8D#5AAA83#64AA79#6DAA70#77AA66#81AA5C#8DAA50

Colorpallet from #508DAA to #50AA8D and to #AA508D
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5092A5#5290A5#548DA5#578BA5#5988A5#5B86A5#5E83A5
#5096A1#5591A1#598DA1#5E88A1#6383A1#677FA1#6D79A1
#509B9C#57949C#5E8D9C#65869C#6C7F9C#72799C#7B709C
#50A097#599797#638D97#6C8497#757B97#7E7297#8A6697
#50A493#5C9893#678D93#738193#7E7693#8A6A93#985C93
#50AA8D#5E9C8D#6D8D8D#7B7F8D#8A708D#98628D#AA508D

Colorpallet from #508DAA to #50AA8D and to #AA8D50
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5092A5#5291A4#5490A2#5790A1#598F9F#5B8E9E#5E8D9C
#5096A1#55959E#59939B#5E9297#639094#678F91#6D8D8D
#509B9C#579997#5E9793#65948E#6C9289#729085#7B8D7F
#50A097#599D91#639A8B#6C9784#75947E#7E9178#8A8D70
#50A493#5CA08B#679D83#73997B#7E9574#8A926C#988D62
#50AA8D#5EA583#6DA179#7B9C70#8A9766#98935C#AA8D50

Colorpallet from #508DAA to #8D50AA and to #8DAA50
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5A83AA#5A85A8#5A88A6#5A8AA3#5A8DA1#5A8F9F#5A929C
#6479AA#647EA5#6482A1#64879C#648C97#649093#64968D
#6D70AA#6D77A3#6D7E9C#6D8595#6D8C8E#6D9288#6D9B7F
#7766AA#776FA1#777997#77828E#778B85#77947C#77A070
#815CAA#81689E#817393#817F87#818A7C#819670#81A462
#8D50AA#8D5E9C#8D6D8D#8D7B7F#8D8A70#8D9862#8DAA50

Colorpallet from #508DAA to #8D50AA and to #AA508D
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5A83AA#5B83A9#5B83A8#5C83A8#5D83A7#5D83A6#5E83A5
#6479AA#6579A9#6779A7#6879A6#6A79A4#6B79A3#6D79A1
#6D70AA#6F70A8#7170A6#7470A3#7670A1#78709F#7B709C
#7766AA#7A66A7#7D66A4#8066A1#83669E#86669B#8A6697
#815CAA#855CA6#885CA3#8C5C9F#905C9B#935C98#985C93
#8D50AA#9250A5#9650A1#9B509C#A05097#A45093#AA508D

Colorpallet from #508DAA to #8D50AA and to #AA8D50
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5A83AA#5B85A8#5B86A6#5C88A3#5D89A1#5D8B9F#5E8D9C
#6479AA#657CA5#677FA1#68839C#6A8697#6B8993#6D8D8D
#6D70AA#6F75A3#71799C#747E95#76838E#788788#7B8D7F
#7766AA#7A6CA1#7D7297#80798E#837F85#86857C#8A8D70
#815CAA#85649E#886C93#8C7487#907B7C#938370#988D62
#8D50AA#925A9C#96648D#9B6D7F#A07770#A48162#AA8D50

Colorpallet from #508DAA to #8DAA50 and to #AA508D
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5A929C#5B909D#5B8D9F#5C8BA0#5D88A2#5D86A3#5E83A5
#64968D#659190#678D93#688897#6A839A#6B7F9D#6D79A1
#6D9B7F#6F9484#718D88#74868D#767F92#787996#7B709C
#77A070#7A9776#7D8D7C#808483#837B89#86728F#8A6697
#81A462#85986A#888D72#8C817A#907681#936A89#985C93
#8DAA50#929C5A#968D64#9B7F6D#A07077#A46281#AA508D

Colorpallet from #508DAA to #8DAA50 and to #AA8D50
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5A929C#5B919C#5B909C#5C909C#5D8F9C#5D8E9C#5E8D9C
#64968D#65958D#67938D#68928D#6A908D#6B8F8D#6D8D8D
#6D9B7F#6F997F#71977F#74947F#76927F#78907F#7B8D7F
#77A070#7A9D70#7D9A70#809770#839470#869170#8A8D70
#81A462#85A062#889D62#8C9962#909562#939262#988D62
#8DAA50#92A550#96A150#9B9C50#A09750#A49350#AA8D50

Colorpallet from #508DAA to #AA508D and to #AA8D50
#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA#508DAA
#5E83A5#5E85A4#5E86A2#5E88A1#5E899F#5E8B9E#5E8D9C
#6D79A1#6D7C9E#6D7F9B#6D8397#6D8694#6D8991#6D8D8D
#7B709C#7B7597#7B7993#7B7E8E#7B8389#7B8785#7B8D7F
#8A6697#8A6C91#8A728B#8A7984#8A7F7E#8A8578#8A8D70
#985C93#98648B#986C83#98747B#987B74#98836C#988D62
#AA508D#AA5A83#AA6479#AA6D70#AA7766#AA815C#AA8D50