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 #3A4C6F to #3A6F4C and to #4C3A6F
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3A5269#3A516A#3B4F6B#3B4E6C#3C4C6D#3C4B6E#3D496F
#3A5764#3B5466#3C5268#3D4F69#3E4C6B#3F496D#40466F
#3A5D5E#3B5961#3D5563#3E5166#404C69#41486C#43436F
#3A6259#3C5D5D#3E5760#405264#424C67#44476B#46406F
#3A6853#3C6157#3E5B5C#415460#434D65#454669#483E6F
#3A6F4C#3D6752#405E57#43565D#464D62#484568#4C3A6F

Colorpallet from #3A4C6F to #3A6F4C and to #4C6F3A
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3A5269#3A5269#3B5268#3B5268#3C5268#3C5267#3D5267
#3A5764#3B5763#3C5762#3D5761#3E5760#3F575F#40575E
#3A5D5E#3B5D5D#3D5D5B#3E5D5A#405D59#415D58#435D56
#3A6259#3C6257#3E6255#406253#426251#44624F#46624D
#3A6853#3C6851#3E684F#41684C#43684A#456848#486845
#3A6F4C#3D6F49#406F46#436F43#466F40#486F3E#4C6F3A

Colorpallet from #3A4C6F to #3A6F4C and to #6F3A4C
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3A5269#3B5169#3D4F69#3E4E69#3F4C69#404B69#424969
#3A5764#3D5464#3F5264#424F64#454C64#484964#4B4664
#3A5D5E#3E595E#42555E#46515E#4A4C5E#4E485E#53435E
#3A6259#3F5D59#455759#4A5259#504C59#554759#5C4059
#3A6853#416153#475B53#4E5453#554D53#5C4653#643E53
#3A6F4C#42674C#4B5E4C#53564C#5C4D4C#64454C#6F3A4C

Colorpallet from #3A4C6F to #3A6F4C and to #6F4C3A
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3A5269#3B5169#3D5068#3E4F68#3F4E68#404D67#424C67
#3A5764#3D5563#3F5362#425261#455060#484E5F#4B4C5E
#3A5D5E#3E5A5D#42585B#46555A#4A5259#4E4F58#534C56
#3A6259#3F5E57#455B55#4A5753#505451#55504F#5C4C4D
#3A6853#416451#475F4F#4E5B4C#55564A#5C5248#644C45
#3A6F4C#426949#4B6446#535E43#5C5940#64533E#6F4C3A

Colorpallet from #3A4C6F to #4C3A6F and to #4C6F3A
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3D496F#3D4A6E#3D4C6C#3D4D6B#3D4F6A#3D5069#3D5267
#40466F#40496C#404B6A#404E67#405164#405461#40575E
#43436F#43476B#434B67#434F63#43545F#43585B#435D56
#46406F#46456A#464B64#46505F#465659#465B54#46624D
#483E6F#484568#484B62#48525B#485954#48604D#486845
#4C3A6F#4C4267#4C4B5E#4C5356#4C5C4D#4C6445#4C6F3A

Colorpallet from #3A4C6F to #4C3A6F and to #6F3A4C
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3D496F#3E496E#3F496D#3F496C#40496B#41496A#424969
#40466F#42466D#44466B#45466A#474668#494666#4B4664
#43436F#46436C#48436A#4B4367#4D4364#504361#53435E
#46406F#4A406B#4D4068#514064#544061#58405D#5C4059
#483E6F#4C3E6B#513E66#553E62#5A3E5D#5E3E59#643E53
#4C3A6F#523A69#573A64#5D3A5E#623A59#683A53#6F3A4C

Colorpallet from #3A4C6F to #4C3A6F and to #6F4C3A
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3D496F#3E496E#3F4A6C#3F4A6B#404B6A#414B69#424C67
#40466F#42476C#44486A#454967#474A64#494B61#4B4C5E
#43436F#46446B#484667#4B4763#4D495F#504A5B#534C56
#46406F#4A426A#4D4464#51465F#544859#584A54#5C4C4D
#483E6F#4C4068#514262#55455B#5A4754#5E494D#644C45
#4C3A6F#523D67#57405E#5D4356#62464D#684845#6F4C3A

Colorpallet from #3A4C6F to #4C6F3A and to #6F3A4C
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3D5267#3E5167#3F4F68#3F4E68#404C68#414B69#424969
#40575E#42545F#445260#454F61#474C62#494963#4B4664
#435D56#465957#485559#4B515A#4D4C5B#50485C#53435E
#46624D#4A5D4F#4D5751#515253#544C55#584757#5C4059
#486845#4C6147#515B49#55544C#5A4D4E#5E4650#643E53
#4C6F3A#52673D#575E40#5D5643#624D46#684548#6F3A4C

Colorpallet from #3A4C6F to #4C6F3A and to #6F4C3A
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#3D5267#3E5167#3F5067#3F4F67#404E67#414D67#424C67
#40575E#42555E#44535E#45525E#47505E#494E5E#4B4C5E
#435D56#465A56#485856#4B5556#4D5256#504F56#534C56
#46624D#4A5E4D#4D5B4D#51574D#54544D#58504D#5C4C4D
#486845#4C6445#515F45#555B45#5A5645#5E5245#644C45
#4C6F3A#52693A#57643A#5D5E3A#62593A#68533A#6F4C3A

Colorpallet from #3A4C6F to #6F3A4C and to #6F4C3A
#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F#3A4C6F
#424969#424969#424A68#424A68#424B68#424B67#424C67
#4B4664#4B4763#4B4862#4B4961#4B4A60#4B4B5F#4B4C5E
#53435E#53445D#53465B#53475A#534959#534A58#534C56
#5C4059#5C4257#5C4455#5C4653#5C4851#5C4A4F#5C4C4D
#643E53#644051#64424F#64454C#64474A#644948#644C45
#6F3A4C#6F3D49#6F4046#6F4343#6F4640#6F483E#6F4C3A