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 #3B4B7E to #3B7E4B and to #4B3B7E
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3B5376#3B5177#3C4F79#3C4E7A#3D4C7B#3D4A7C#3E487E
#3B5B6E#3C5871#3D5473#3D5176#3E4E78#3F4A7B#40467E
#3B6366#3C5E6A#3E596E#3F5472#404F75#414979#43437E
#3B6C5D#3D6562#3E5E68#40576D#415072#434A77#45417E
#3B7455#3D6B5C#3F6362#415A69#43516F#454976#483E7E
#3B7E4B#3E7353#40695B#435E63#45536C#484874#4B3B7E

Colorpallet from #3B4B7E to #3B7E4B and to #4B7E3B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3B5376#3B5376#3C5375#3C5375#3D5374#3D5374#3E5373
#3B5B6E#3C5B6D#3D5B6C#3D5B6C#3E5B6B#3F5B6A#405B69
#3B6366#3C6365#3E6363#3F6362#406361#416360#43635E
#3B6C5D#3D6C5B#3E6C5A#406C58#416C57#436C55#456C53
#3B7455#3D7453#3F7451#41744F#43744D#45744B#487448
#3B7E4B#3E7E48#407E46#437E43#457E41#487E3E#4B7E3B

Colorpallet from #3B4B7E to #3B7E4B and to #7E3B4B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3B5376#3D5176#3F4F76#404E76#424C76#444A76#464876
#3B5B6E#3E586E#42546E#45516E#484E6E#4C4A6E#50466E
#3B6366#405E66#455966#4A5466#4F4F66#554966#5B4366
#3B6C5D#42655D#495E5D#50575D#57505D#5D4A5D#66415D
#3B7455#446B55#4C6355#555A55#5E5155#664955#713E55
#3B7E4B#46734B#50694B#5B5E4B#66534B#71484B#7E3B4B

Colorpallet from #3B4B7E to #3B7E4B and to #7E4B3B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3B5376#3D5276#3F5075#404F75#424E74#444D74#464B73
#3B5B6E#3E586D#42566C#45536C#48516B#4C4E6A#504B69
#3B6366#405F65#455B63#4A5762#4F5461#555060#5B4B5E
#3B6C5D#42675B#49615A#505C58#575757#5D5255#664B53
#3B7455#446D53#4C6751#55604F#5E5A4D#66534B#714B48
#3B7E4B#467648#506E46#5B6643#665D41#71553E#7E4B3B

Colorpallet from #3B4B7E to #4B3B7E and to #4B7E3B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3E487E#3E4A7C#3E4C7A#3E4D79#3E4F77#3E5175#3E5373
#40467E#40497B#404D77#405074#405371#40576D#405B69
#43437E#434879#434D74#43526F#43576A#435D64#43635E
#45417E#454877#454F70#455669#455D62#45635C#456C53
#483E7E#484775#484F6D#485864#48615B#486953#487448
#4B3B7E#4B4673#4B5069#4B5B5E#4B6653#4B7148#4B7E3B

Colorpallet from #3B4B7E to #4B3B7E and to #7E3B4B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3E487E#3F487D#41487B#42487A#434879#444878#464876
#40467E#43467B#454679#484676#4A4674#4D4671#50466E
#43437E#47437A#4B4376#4F4372#52436F#56436B#5B4366
#45417E#4A4179#504173#55416E#5A4169#5F4164#66415D
#483E7E#4F3E77#553E71#5C3E6A#623E64#693E5D#713E55
#4B3B7E#533B76#5B3B6E#633B66#6C3B5D#743B55#7E3B4B

Colorpallet from #3B4B7E to #4B3B7E and to #7E4B3B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3E487E#3F487C#41497A#424979#434A77#444A75#464B73
#40467E#43477B#454877#484874#4A4971#4D4A6D#504B69
#43437E#474479#4B4674#4F476F#52486A#564964#5B4B5E
#45417E#4A4377#504470#554669#5A4762#5F495C#664B53
#483E7E#4F4075#55426D#5C4464#62465B#694853#714B48
#4B3B7E#533E73#5B4069#63435E#6C4553#744848#7E4B3B

Colorpallet from #3B4B7E to #4B7E3B and to #7E3B4B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3E5373#3F5173#414F74#424E74#434C75#444A75#464876
#405B69#43586A#45546B#48516B#4A4E6C#4D4A6D#50466E
#43635E#475E5F#4B5961#4F5462#524F63#564964#5B4366
#456C53#4A6555#505E56#555758#5A5059#5F4A5B#66415D
#487448#4F6B4A#55634C#5C5A4E#625150#694952#713E55
#4B7E3B#53733E#5B6940#635E43#6C5345#744848#7E3B4B

Colorpallet from #3B4B7E to #4B7E3B and to #7E4B3B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#3E5373#3F5273#415073#424F73#434E73#444D73#464B73
#405B69#435869#455669#485369#4A5169#4D4E69#504B69
#43635E#475F5E#4B5B5E#4F575E#52545E#56505E#5B4B5E
#456C53#4A6753#506153#555C53#5A5753#5F5253#664B53
#487448#4F6D48#556748#5C6048#625A48#695348#714B48
#4B7E3B#53763B#5B6E3B#63663B#6C5D3B#74553B#7E4B3B

Colorpallet from #3B4B7E to #7E3B4B and to #7E4B3B
#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E#3B4B7E
#464876#464876#464975#464975#464A74#464A74#464B73
#50466E#50476D#50486C#50486C#50496B#504A6A#504B69
#5B4366#5B4465#5B4663#5B4762#5B4861#5B4960#5B4B5E
#66415D#66435B#66445A#664658#664757#664955#664B53
#713E55#714053#714251#71444F#71464D#71484B#714B48
#7E3B4B#7E3E48#7E4046#7E4343#7E4541#7E483E#7E4B3B