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 #3D5A6E to #3D6E5A and to #5A3D6E
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#3D5D6B#3E5C6B#3F5A6C#3F596C#40586D#41576D#42556E
#3D6068#3E5E69#405B6A#41596B#43566C#44546D#46516E
#3D6464#3F6066#415C67#445869#46556A#48516C#4B4C6E
#3D6761#406263#435D65#465867#495369#4C4D6B#50476E
#3D6A5E#416461#445E63#485766#4C5168#4F4B6B#54436E
#3D6E5A#42665D#465E60#4B5664#504F67#54476A#5A3D6E

Colorpallet from #3D5A6E to #3D6E5A and to #5A6E3D
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#3D5D6B#3E5D6A#3F5D69#3F5D69#405D68#415D67#425D66
#3D6068#3E6066#406065#416063#436062#446060#46605E
#3D6464#3F6462#416460#44645D#46645B#486459#4B6456
#3D6761#40675E#43675B#466758#496755#4C6753#50674F
#3D6A5E#416A5A#446A57#486A53#4C6A4F#4F6A4C#546A47
#3D6E5A#426E55#466E51#4B6E4C#506E47#546E43#5A6E3D

Colorpallet from #3D5A6E to #3D6E5A and to #6E3D5A
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#3D5D6B#3E5C6B#405A6B#41596B#42586B#43576B#45556B
#3D6068#405E68#425B68#455968#475668#4A5468#4D5168
#3D6464#416064#455C64#495864#4C5564#505164#554C64
#3D6761#426261#475D61#4C5861#515361#564D61#5C4761
#3D6A5E#43645E#495E5E#50575E#56515E#5C4B5E#64435E
#3D6E5A#45665A#4D5E5A#55565A#5C4F5A#64475A#6E3D5A

Colorpallet from #3D5A6E to #3D6E5A and to #6E5A3D
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#3D5D6B#3E5D6A#405C69#415C69#425B68#435B67#455A66
#3D6068#405F66#425E65#455D63#475C62#4A5B60#4D5A5E
#3D6464#416262#456160#495F5D#4C5E5B#505C59#555A56
#3D6761#42655E#47635B#4C6158#515F55#565D53#5C5A4F
#3D6A5E#43675A#496557#506253#56604F#5C5D4C#645A47
#3D6E5A#456B55#4D6851#55644C#5C6147#645E43#6E5A3D

Colorpallet from #3D5A6E to #5A3D6E and to #5A6E3D
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#42556E#42566D#42586B#42596A#425A69#425B68#425D66
#46516E#46536B#465669#465866#465B64#465D61#46605E
#4B4C6E#4B506A#4B5466#4B5862#4B5B5F#4B5F5B#4B6456
#50476E#504C69#505164#50565F#505B5A#506155#50674F
#54436E#544968#544F62#54565B#545C55#54624F#546A47
#5A3D6E#5A4566#5A4D5E#5A5556#5A5C4F#5A6447#5A6E3D

Colorpallet from #3D5A6E to #5A3D6E and to #6E3D5A
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#42556E#42556E#43556D#43556D#44556C#44556C#45556B
#46516E#47516D#48516C#49516B#4A516A#4C5169#4D5168
#4B4C6E#4D4C6C#4E4C6B#504C69#514C68#534C66#554C64
#50476E#52476C#54476A#564768#584766#5A4764#5C4761
#54436E#57436B#594369#5C4366#5E4364#614361#64435E
#5A3D6E#5D3D6B#603D68#643D64#673D61#6A3D5E#6E3D5A

Colorpallet from #3D5A6E to #5A3D6E and to #6E5A3D
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#42556E#42566D#43576B#43576A#445869#445968#455A66
#46516E#47526B#485469#495566#4A5764#4C5861#4D5A5E
#4B4C6E#4D4E6A#4E5066#505362#51555F#53575B#555A56
#50476E#524A69#544D64#56505F#58535A#5A5655#5C5A4F
#54436E#574768#594A62#5C4E5B#5E5255#61554F#645A47
#5A3D6E#5D4266#60465E#644B56#67504F#6A5447#6E5A3D

Colorpallet from #3D5A6E to #5A6E3D and to #6E3D5A
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#425D66#425C67#435A68#435968#445869#44576A#45556B
#46605E#475E60#485B61#495963#4A5664#4C5466#4D5168
#4B6456#4D6058#4E5C5A#50585D#51555F#535161#554C64
#50674F#526252#545D55#565858#58535B#5A4D5D#5C4761
#546A47#57644B#595E4E#5C5752#5E5156#614B59#64435E
#5A6E3D#5D6642#605E46#64564B#674F50#6A4754#6E3D5A

Colorpallet from #3D5A6E to #5A6E3D and to #6E5A3D
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#425D66#425D66#435C66#435C66#445B66#445B66#455A66
#46605E#475F5E#485E5E#495D5E#4A5C5E#4C5B5E#4D5A5E
#4B6456#4D6256#4E6156#505F56#515E56#535C56#555A56
#50674F#52654F#54634F#56614F#585F4F#5A5D4F#5C5A4F
#546A47#576747#596547#5C6247#5E6047#615D47#645A47
#5A6E3D#5D6B3D#60683D#64643D#67613D#6A5E3D#6E5A3D

Colorpallet from #3D5A6E to #6E3D5A and to #6E5A3D
#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E#3D5A6E
#45556B#45566A#455769#455769#455868#455967#455A66
#4D5168#4D5266#4D5465#4D5563#4D5762#4D5860#4D5A5E
#554C64#554E62#555060#55535D#55555B#555759#555A56
#5C4761#5C4A5E#5C4D5B#5C5058#5C5355#5C5653#5C5A4F
#64435E#64475A#644A57#644E53#64524F#64554C#645A47
#6E3D5A#6E4255#6E4651#6E4B4C#6E5047#6E5443#6E5A3D