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 #3D80A5 to #3DA580 and to #803DA5
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#3D869F#3F83A0#4181A1#427EA2#447BA3#4678A4#4875A5
#3D8C99#40879B#44819D#477C9F#4A77A1#4E72A3#526BA5
#3D9293#428A96#478299#4C7A9C#51729F#576AA1#5D60A5
#3D988D#448D91#4B8395#527899#596D9C#5F62A0#6855A5
#3D9E87#46918C#4E8391#577695#60689A#685B9F#734AA5
#3DA580#489486#52848C#5D7392#686298#73529E#803DA5

Colorpallet from #3D80A5 to #3DA580 and to #80A53D
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#3D869F#3F869D#41869B#42869A#448698#468696#488694
#3D8C99#408C96#448C92#478C8F#4A8C8C#4E8C88#528C84
#3D9293#42928E#479289#4C9284#51927F#579279#5D9273
#3D988D#449886#4B987F#529878#599871#5F986B#689862
#3D9E87#469E7F#4E9E76#579E6E#609E65#689E5D#739E52
#3DA580#48A575#52A56B#5DA560#68A555#73A54A#80A53D

Colorpallet from #3D80A5 to #3DA580 and to #A53D80
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#3D869F#40839F#42819F#457E9F#487B9F#4B789F#4E759F
#3D8C99#428799#488199#4D7C99#527799#577299#5E6B99
#3D9293#458A93#4D8293#557A93#5D7293#656A93#6F6093
#3D988D#488D8D#52838D#5D788D#686D8D#73628D#80558D
#3D9E87#4A9187#588387#657687#726887#7F5B87#904A87
#3DA580#4E9480#5E8480#6F7380#806280#905280#A53D80

Colorpallet from #3D80A5 to #3DA580 and to #A5803D
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#3D869F#40859D#42849B#45839A#488298#4B8196#4E8094
#3D8C99#428A96#488892#4D868F#52848C#578288#5E8084
#3D9293#458F8E#4D8C89#558984#5D867F#658479#6F8073
#3D988D#489486#52907F#5D8C78#688971#73856B#808062
#3D9E87#4A997F#589476#65906E#728B65#7F865D#908052
#3DA580#4E9F75#5E996B#6F9360#808D55#90874A#A5803D

Colorpallet from #3D80A5 to #803DA5 and to #80A53D
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#4875A5#4878A2#487AA0#487D9D#48809A#488397#488694
#526BA5#5270A0#52769A#527B95#528090#52858B#528C84
#5D60A5#5D689D#5D7095#5D788D#5D8085#5D887D#5D9273
#6855A5#68609A#686A90#687585#68807A#688B6F#689862
#734AA5#735798#73658A#73727D#738070#738D63#739E52
#803DA5#804E94#805E84#806F73#808062#809052#80A53D

Colorpallet from #3D80A5 to #803DA5 and to #A53D80
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#4875A5#4975A4#4A75A3#4B75A2#4C75A1#4D75A0#4E759F
#526BA5#546BA3#566BA1#586B9F#5A6B9D#5C6B9B#5E6B99
#5D60A5#6060A2#63609F#66609C#696099#6B6097#6F6093
#6855A5#6C55A1#70559D#745599#775596#7B5592#80558D
#734AA5#784AA0#7C4A9B#814A97#864A92#8A4A8D#904A87
#803DA5#863D9F#8C3D99#923D93#983D8D#9E3D87#A53D80

Colorpallet from #3D80A5 to #803DA5 and to #A5803D
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#4875A5#4977A2#4A79A0#4B7A9D#4C7C9A#4D7E97#4E8094
#526BA5#546EA0#56729A#587595#5A7890#5C7C8B#5E8084
#5D60A5#60659D#636A95#666F8D#697485#6B7A7D#6F8073
#6855A5#6C5C9A#706390#746A85#77717A#7B776F#808062
#734AA5#785398#7C5B8A#81647D#866D70#8A7563#908052
#803DA5#864894#8C5284#925D73#986862#9E7352#A5803D

Colorpallet from #3D80A5 to #80A53D and to #A53D80
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#488694#498396#4A8198#4B7E99#4C7B9B#4D789D#4E759F
#528C84#548787#56818B#587C8E#5A7791#5C7295#5E6B99
#5D9273#608A78#63827D#667A82#697287#6B6A8D#6F6093
#689862#6C8D69#708370#747877#776D7E#7B6284#80558D
#739E52#78915A#7C8363#81766B#866874#8A5B7C#904A87
#80A53D#869448#8C8452#92735D#986268#9E5273#A53D80

Colorpallet from #3D80A5 to #80A53D and to #A5803D
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#488694#498594#4A8494#4B8394#4C8294#4D8194#4E8094
#528C84#548A84#568884#588684#5A8484#5C8284#5E8084
#5D9273#608F73#638C73#668973#698673#6B8473#6F8073
#689862#6C9462#709062#748C62#778962#7B8562#808062
#739E52#789952#7C9452#819052#868B52#8A8652#908052
#80A53D#869F3D#8C993D#92933D#988D3D#9E873D#A5803D

Colorpallet from #3D80A5 to #A53D80 and to #A5803D
#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5#3D80A5
#4E759F#4E779D#4E799B#4E7A9A#4E7C98#4E7E96#4E8094
#5E6B99#5E6E96#5E7292#5E758F#5E788C#5E7C88#5E8084
#6F6093#6F658E#6F6A89#6F6F84#6F747F#6F7A79#6F8073
#80558D#805C86#80637F#806A78#807171#80776B#808062
#904A87#90537F#905B76#90646E#906D65#90755D#908052
#A53D80#A54875#A5526B#A55D60#A56855#A5734A#A5803D