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 #3B5A7E to #3B7E5A and to #5A3B7E
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#3B6078#3C5E79#3D5C7A#3D5B7B#3E597C#3F577D#40557E
#3B6672#3D6274#3E5F76#405B78#41587A#43547C#45507E
#3B6B6D#3D6670#406172#425C75#455778#47517B#4A4B7E
#3B7167#3E6A6B#41636E#455C72#485576#4B4F79#4F467E
#3B7761#3F6E66#43666A#475D6F#4B5474#4F4C78#54417E
#3B7E5A#407360#456966#4A5E6B#4F5371#544877#5A3B7E

Colorpallet from #3B5A7E to #3B7E5A and to #5A7E3B
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#3B6078#3C6077#3D6076#3D6076#3E6075#3F6074#406073
#3B6672#3D6671#3E666F#40666E#41666C#43666B#456669
#3B6B6D#3D6B6B#406B68#426B66#456B63#476B61#4A6B5E
#3B7167#3E7164#417161#45715D#48715A#4B7157#4F7153
#3B7761#3F775D#437759#477755#4B7751#4F774D#547748
#3B7E5A#407E55#457E50#4A7E4B#4F7E46#547E41#5A7E3B

Colorpallet from #3B5A7E to #3B7E5A and to #7E3B5A
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#3B6078#3D5E78#3F5C78#405B78#425978#445778#465578
#3B6672#3E6272#425F72#455B72#485872#4C5472#505072
#3B6B6D#40666D#45616D#4A5C6D#4F576D#55516D#5B4B6D
#3B7167#426A67#496367#505C67#575567#5D4F67#664667
#3B7761#446E61#4C6661#555D61#5E5461#664C61#714161
#3B7E5A#46735A#50695A#5B5E5A#66535A#71485A#7E3B5A

Colorpallet from #3B5A7E to #3B7E5A and to #7E5A3B
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#3B6078#3D5F77#3F5E76#405D76#425C75#445B74#465A73
#3B6672#3E6471#42626F#45606E#485E6C#4C5C6B#505A69
#3B6B6D#40686B#456668#4A6366#4F6063#555D61#5B5A5E
#3B7167#426D64#496A61#50665D#57625A#5D5F57#665A53
#3B7761#44725D#4C6E59#556955#5E6451#66604D#715A48
#3B7E5A#467855#507250#5B6D4B#666746#716141#7E5A3B

Colorpallet from #3B5A7E to #5A3B7E and to #5A7E3B
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#40557E#40577C#40597A#405A79#405C77#405E75#406073
#45507E#45547B#455777#455B74#455E71#45626D#456669
#4A4B7E#4A5079#4A5574#4A5A6F#4A5F6A#4A6564#4A6B5E
#4F467E#4F4D77#4F5470#4F5B69#4F6262#4F685C#4F7153
#54417E#544A75#54526D#545B64#54645B#546C53#547748
#5A3B7E#5A4673#5A5069#5A5B5E#5A6653#5A7148#5A7E3B

Colorpallet from #3B5A7E to #5A3B7E and to #7E3B5A
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#40557E#41557D#42557C#43557B#44557A#455579#465578
#45507E#47507C#49507A#4A5078#4C5076#4E5074#505072
#4A4B7E#4D4B7B#4F4B79#524B76#554B73#584B70#5B4B6D
#4F467E#53467A#564677#5A4673#5E466F#61466C#664667
#54417E#594179#5D4175#624170#67416B#6B4167#714161
#5A3B7E#603B78#663B72#6B3B6D#713B67#773B61#7E3B5A

Colorpallet from #3B5A7E to #5A3B7E and to #7E5A3B
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#40557E#41567C#42577A#435779#445877#455975#465A73
#45507E#47527B#495377#4A5574#4C5671#4E586D#505A69
#4A4B7E#4D4D79#4F5074#52526F#55556A#585764#5B5A5E
#4F467E#534977#564C70#5A5069#5E5362#61565C#665A53
#54417E#594575#5D496D#624D64#67515B#6B5553#715A48
#5A3B7E#604073#664569#6B4A5E#714F53#775448#7E5A3B

Colorpallet from #3B5A7E to #5A7E3B and to #7E3B5A
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#406073#415E74#425C75#435B75#445976#455777#465578
#456669#47626A#495F6C#4A5B6D#4C586F#4E5470#505072
#4A6B5E#4D6660#4F6163#525C65#555768#58516A#5B4B6D
#4F7153#536A56#566359#5A5C5D#5E5560#614F63#664667
#547748#596E4C#5D6650#625D54#675458#6B4C5C#714161
#5A7E3B#607340#666945#6B5E4A#71534F#774854#7E3B5A

Colorpallet from #3B5A7E to #5A7E3B and to #7E5A3B
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#406073#415F73#425E73#435D73#445C73#455B73#465A73
#456669#476469#496269#4A6069#4C5E69#4E5C69#505A69
#4A6B5E#4D685E#4F665E#52635E#55605E#585D5E#5B5A5E
#4F7153#536D53#566A53#5A6653#5E6253#615F53#665A53
#547748#597248#5D6E48#626948#676448#6B6048#715A48
#5A7E3B#60783B#66723B#6B6D3B#71673B#77613B#7E5A3B

Colorpallet from #3B5A7E to #7E3B5A and to #7E5A3B
#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E#3B5A7E
#465578#465677#465776#465776#465875#465974#465A73
#505072#505271#50536F#50556E#50566C#50586B#505A69
#5B4B6D#5B4D6B#5B5068#5B5266#5B5563#5B5761#5B5A5E
#664667#664964#664C61#66505D#66535A#665657#665A53
#714161#71455D#714959#714D55#715151#71554D#715A48
#7E3B5A#7E4055#7E4550#7E4A4B#7E4F46#7E5441#7E5A3B