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 #3A4174 to #3A7441 and to #413A74
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3A496C#3A486D#3A466F#3A4570#3B4371#3B4272#3B4074
#3A5164#3A4E67#3B4B69#3B486C#3B456E#3C4371#3C3F74
#3A595C#3A5560#3B5064#3B4C68#3C486B#3C436F#3D3E74
#3A6253#3B5C58#3B565E#3C5063#3D4A68#3D446D#3E3D74
#3A6A4B#3B6252#3C5B58#3D535F#3E4C65#3F446C#403B74
#3A7441#3B6B49#3C6151#3D5859#3E4F62#40466A#413A74

Colorpallet from #3A4174 to #3A7441 and to #41743A
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3A496C#3A496C#3A496C#3A496C#3B496B#3B496B#3B496B
#3A5164#3A5164#3B5163#3B5163#3B5162#3C5162#3C5161
#3A595C#3A595B#3B595B#3B595A#3C5959#3C5959#3D5958
#3A6253#3B6252#3B6252#3C6251#3D6250#3D6250#3E624F
#3A6A4B#3B6A4A#3C6A49#3D6A49#3E6A48#3F6A47#406A46
#3A7441#3B7440#3C743F#3D743E#3E743D#40743B#41743A

Colorpallet from #3A4174 to #3A7441 and to #743A41
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3A496C#3B486C#3D466C#3E456C#40436C#41426C#43406C
#3A5164#3D4E64#404B64#434864#464564#494364#4D3F64
#3A595C#3E555C#43505C#474C5C#4C485C#50435C#563E5C
#3A6253#405C53#465653#4C5053#524A53#584453#5F3D53
#3A6A4B#41624B#495B4B#50534B#574C4B#5F444B#683B4B
#3A7441#436B41#4D6141#565841#5F4F41#684641#743A41

Colorpallet from #3A4174 to #3A7441 and to #74413A
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3A496C#3B486C#3D466C#3E456C#40446B#41436B#43416B
#3A5164#3D4E64#404C63#434963#464762#494462#4D4161
#3A595C#3E555B#43515B#474D5A#4C4A59#504659#564158
#3A6253#405D52#465752#4C5251#524D50#584850#5F414F
#3A6A4B#41634A#495D49#505649#575048#5F4947#684146
#3A7441#436C40#4D643F#565C3E#5F533D#684B3B#74413A

Colorpallet from #3A4174 to #413A74 and to #41743A
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3B4074#3B4173#3B4371#3B4470#3B466E#3B476D#3B496B
#3C3F74#3C4271#3C456E#3C486B#3C4B68#3C4D65#3C5161
#3D3E74#3D4270#3D476B#3D4B67#3D4F62#3D545E#3D5958
#3E3D74#3E436E#3E4968#3E4F62#3E555C#3E5B56#3E624F
#403B74#40436D#404A65#40525E#405957#40614F#406A46
#413A74#41436B#414D61#415658#415F4F#416846#41743A

Colorpallet from #3A4174 to #413A74 and to #743A41
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3B4074#3C4073#3E4071#3F4070#40406F#41406E#43406C
#3C3F74#3F3F71#413F6F#443F6C#473F6A#4A3F67#4D3F64
#3D3E74#413E70#453E6C#493E68#4D3E65#513E61#563E5C
#3E3D74#433D6F#493D69#4E3D64#533D5F#583D5A#5F3D53
#403B74#463B6D#4D3B67#533B60#5A3B5A#603B53#683B4B
#413A74#493A6C#513A64#593A5C#623A53#6A3A4B#743A41

Colorpallet from #3A4174 to #413A74 and to #74413A
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3B4074#3C4073#3E4071#3F4070#40416E#41416D#43416B
#3C3F74#3F3F71#41406E#44406B#474068#4A4165#4D4161
#3D3E74#413E70#453F6B#493F67#4D4062#51405E#564158
#3E3D74#433E6E#493E68#4E3F62#53405C#584056#5F414F
#403B74#463C6D#4D3D65#533E5E#5A3F57#60404F#684146
#413A74#493B6B#513C61#593D58#623E4F#6A4046#74413A

Colorpallet from #3A4174 to #41743A and to #743A41
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3B496B#3C486B#3E466B#3F456B#40436C#41426C#43406C
#3C5161#3F4E61#414B62#444862#474563#4A4363#4D3F64
#3D5958#415559#455059#494C5A#4D485B#51435B#563E5C
#3E624F#435C50#495650#4E5051#534A52#584452#5F3D53
#406A46#466247#4D5B48#535348#5A4C49#60444A#683B4B
#41743A#496B3B#51613C#59583D#624F3E#6A4640#743A41

Colorpallet from #3A4174 to #41743A and to #74413A
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#3B496B#3C486B#3E466B#3F456B#40446B#41436B#43416B
#3C5161#3F4E61#414C61#444961#474761#4A4461#4D4161
#3D5958#415558#455158#494D58#4D4A58#514658#564158
#3E624F#435D4F#49574F#4E524F#534D4F#58484F#5F414F
#406A46#466346#4D5D46#535646#5A5046#604946#684146
#41743A#496C3A#51643A#595C3A#62533A#6A4B3A#74413A

Colorpallet from #3A4174 to #743A41 and to #74413A
#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174#3A4174
#43406C#43406C#43406C#43406C#43416B#43416B#43416B
#4D3F64#4D3F64#4D4063#4D4063#4D4062#4D4162#4D4161
#563E5C#563E5B#563F5B#563F5A#564059#564059#564158
#5F3D53#5F3E52#5F3E52#5F3F51#5F4050#5F4050#5F414F
#683B4B#683C4A#683D49#683E49#683F48#684047#684146
#743A41#743B40#743C3F#743D3E#743E3D#74403B#74413A