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 #3B4A7A to #3B7A4A and to #4A3B7A
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3B5272#3B5073#3C4F75#3C4D76#3C4C77#3D4A78#3D487A
#3B596B#3C566D#3D5370#3D4F72#3E4C75#3F4977#40457A
#3B6163#3C5C67#3D576A#3E536E#3F4E72#414975#42437A
#3B695B#3D6260#3E5C65#40556A#414F6F#434874#45407A
#3B7054#3D685A#3F6060#415866#43506C#454872#473E7A
#3B7A4A#3D7052#406659#425C61#455269#474870#4A3B7A

Colorpallet from #3B4A7A to #3B7A4A and to #4A7A3B
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3B5272#3B5272#3C5271#3C5271#3C5271#3D5270#3D5270
#3B596B#3C596A#3D5969#3D5969#3E5968#3F5967#405966
#3B6163#3C6162#3D6161#3E6160#3F615F#41615D#42615C
#3B695B#3D695A#3E6958#406957#416955#436954#456952
#3B7054#3D7052#3F7050#41704E#43704C#45704A#477048
#3B7A4A#3D7A48#407A45#427A43#457A40#477A3E#4A7A3B

Colorpallet from #3B4A7A to #3B7A4A and to #7A3B4A
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3B5272#3D5072#3E4F72#404D72#414C72#434A72#454872
#3B596B#3E566B#41536B#454F6B#484C6B#4B496B#4F456B
#3B6163#405C63#455763#495363#4E4E63#534963#594363
#3B695B#41625B#485C5B#4E555B#554F5B#5B485B#63405B
#3B7054#436854#4B6054#535854#5B5054#634854#6D3E54
#3B7A4A#45704A#4F664A#595C4A#63524A#6D484A#7A3B4A

Colorpallet from #3B4A7A to #3B7A4A and to #7A4A3B
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3B5272#3D5172#3E4F71#404E71#414D71#434C70#454A70
#3B596B#3E576A#415469#455269#484F68#4B4D67#4F4A66
#3B6163#405D62#455A61#495660#4E525F#534F5D#594A5C
#3B695B#41645A#485F58#4E5A57#555555#5B5054#634A52
#3B7054#436A52#4B6450#535E4E#5B584C#63524A#6D4A48
#3B7A4A#457248#4F6B45#596343#635B40#6D543E#7A4A3B

Colorpallet from #3B4A7A to #4A3B7A and to #4A7A3B
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3D487A#3D4A78#3D4B77#3D4D75#3D4E74#3D5072#3D5270
#40457A#404877#404B74#404F70#40526D#40556A#405966
#42437A#424875#424D70#42516C#425667#425B62#42615C
#45407A#454774#454D6D#455467#455A60#45615A#456952
#473E7A#474672#474E6A#475662#475E5A#476652#477048
#4A3B7A#4A4570#4A4F66#4A595C#4A6352#4A6D48#4A7A3B

Colorpallet from #3B4A7A to #4A3B7A and to #7A3B4A
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3D487A#3E4879#404877#414876#424875#434874#454872
#40457A#424578#454575#474573#4A4570#4C456E#4F456B
#42437A#464376#494373#4D436F#51436B#544368#594363
#45407A#4A4075#4F4070#53406B#584066#5D4061#63405B
#473E7A#4D3E74#533E6E#593E68#5F3E62#653E5C#6D3E54
#4A3B7A#523B72#593B6B#613B63#693B5B#703B54#7A3B4A

Colorpallet from #3B4A7A to #4A3B7A and to #7A4A3B
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3D487A#3E4878#404977#414975#424974#434A72#454A70
#40457A#424677#454774#474770#4A486D#4C496A#4F4A66
#42437A#464475#494570#4D466C#514767#544962#594A5C
#45407A#4A4274#4F436D#534567#584660#5D485A#634A52
#473E7A#4D4072#53426A#594462#5F465A#654852#6D4A48
#4A3B7A#523D70#594066#61425C#694552#704748#7A4A3B

Colorpallet from #3B4A7A to #4A7A3B and to #7A3B4A
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3D5270#3E5070#404F71#414D71#424C71#434A72#454872
#405966#425667#455368#474F68#4A4C69#4C496A#4F456B
#42615C#465C5D#49575E#4D535F#514E60#544962#594363
#456952#4A6253#4F5C55#535556#584F58#5D4859#63405B
#477048#4D684A#53604C#59584E#5F5050#654852#6D3E54
#4A7A3B#52703D#596640#615C42#695245#704847#7A3B4A

Colorpallet from #3B4A7A to #4A7A3B and to #7A4A3B
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#3D5270#3E5170#404F70#414E70#424D70#434C70#454A70
#405966#425766#455466#475266#4A4F66#4C4D66#4F4A66
#42615C#465D5C#495A5C#4D565C#51525C#544F5C#594A5C
#456952#4A6452#4F5F52#535A52#585552#5D5052#634A52
#477048#4D6A48#536448#595E48#5F5848#655248#6D4A48
#4A7A3B#52723B#596B3B#61633B#695B3B#70543B#7A4A3B

Colorpallet from #3B4A7A to #7A3B4A and to #7A4A3B
#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A#3B4A7A
#454872#454872#454971#454971#454971#454A70#454A70
#4F456B#4F466A#4F4769#4F4769#4F4868#4F4967#4F4A66
#594363#594462#594561#594660#59475F#59495D#594A5C
#63405B#63425A#634358#634557#634655#634854#634A52
#6D3E54#6D4052#6D4250#6D444E#6D464C#6D484A#6D4A48
#7A3B4A#7A3D48#7A4045#7A4243#7A4540#7A473E#7A4A3B