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 #3A4740 to #3A4047 and to #473A40
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3A4641#3A4641#3B4641#3B4641#3B4540#3C4540#3C4540
#3A4542#3B4542#3B4441#3C4441#3D4441#3D4340#3E4340
#3A4443#3B4443#3C4342#3D4342#3E4241#3F4241#404140
#3A4344#3B4243#3D4243#3E4142#3F4041#404041#423F40
#3A4146#3C4045#3D4044#3F3F43#403E42#423E41#443D40
#3A4047#3C3F46#3E3E45#403D44#423C43#443B41#473A40

Colorpallet from #3A4740 to #3A4047 and to #47403A
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3A4641#3A4641#3B4640#3B4640#3B4640#3C463F#3C463F
#3A4542#3B4541#3B4541#3C4540#3D453F#3D453F#3E453E
#3A4443#3B4442#3C4441#3D4440#3E443F#3F443E#40443D
#3A4344#3B4343#3D4341#3E4340#3F433F#40433E#42433C
#3A4146#3C4144#3D4142#3F4141#40413F#42413D#44413B
#3A4047#3C4045#3E4043#404041#42403F#44403D#47403A

Colorpallet from #3A4740 to #3A4047 and to #403A47
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3A4641#3A4641#3A4641#3A4641#3B4541#3B4541#3B4541
#3A4542#3A4542#3B4442#3B4442#3B4442#3C4342#3C4342
#3A4443#3A4443#3B4343#3B4343#3C4243#3C4243#3D4143
#3A4344#3B4244#3B4244#3C4144#3D4044#3D4044#3E3F44
#3A4146#3B4046#3C4046#3C3F46#3D3E46#3E3E46#3F3D46
#3A4047#3B3F47#3C3E47#3D3D47#3E3C47#3F3B47#403A47

Colorpallet from #3A4740 to #3A4047 and to #40473A
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3A4641#3A4641#3A4640#3A4640#3B4740#3B473F#3B473F
#3A4542#3A4541#3B4641#3B4640#3B463F#3C473F#3C473E
#3A4443#3A4442#3B4541#3B4540#3C463F#3C463E#3D473D
#3A4344#3B4443#3B4441#3C4540#3D463F#3D463E#3E473C
#3A4146#3B4244#3C4342#3C4441#3D453F#3E463D#3F473B
#3A4047#3B4145#3C4243#3D4341#3E443F#3F463D#40473A

Colorpallet from #3A4740 to #473A40 and to #47403A
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3C4540#3C4540#3C4540#3C4540#3C463F#3C463F#3C463F
#3E4340#3E4340#3E443F#3E443F#3E443F#3E453E#3E453E
#404140#404140#40423F#40423F#40433E#40433E#40443D
#423F40#42403F#42403F#42413E#42423D#42423D#42433C
#443D40#443E3F#443E3E#443F3E#44403D#44403C#44413B
#473A40#473B3F#473C3E#473D3D#473E3C#473F3B#47403A

Colorpallet from #3A4740 to #473A40 and to #403A47
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3C4540#3C4540#3C4540#3C4540#3B4541#3B4541#3B4541
#3E4340#3E4340#3D4341#3D4341#3D4341#3C4342#3C4342
#404140#404140#3F4141#3F4141#3E4142#3E4142#3D4143
#423F40#413F41#413F41#403F42#3F3F43#3F3F43#3E3F44
#443D40#433D41#423D42#423D43#413D44#403D45#3F3D46
#473A40#463A41#453A42#443A43#433A44#413A46#403A47

Colorpallet from #3A4740 to #473A40 and to #40473A
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3C4540#3C4540#3C4640#3C4640#3B463F#3B473F#3B473F
#3E4340#3E4440#3D443F#3D453F#3D463F#3C463E#3C473E
#404140#404240#3F433F#3F443F#3E453E#3E463E#3D473D
#423F40#41403F#41423F#40433E#3F443D#3F453D#3E473C
#443D40#433F3F#42403E#42423E#41433D#40453C#3F473B
#473A40#463C3F#453E3E#44403D#43423C#41443B#40473A

Colorpallet from #3A4740 to #47403A and to #403A47
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3C463F#3C463F#3C4640#3C4640#3B4540#3B4541#3B4541
#3E453E#3E453F#3D443F#3D4440#3D4441#3C4341#3C4342
#40443D#40443E#3F433F#3F4340#3E4241#3E4242#3D4143
#42433C#41423D#41423F#404140#3F4041#3F4042#3E3F44
#44413B#43403D#42403F#423F40#413E42#403E44#3F3D46
#47403A#463F3C#453E3E#443D40#433C42#413B44#403A47

Colorpallet from #3A4740 to #47403A and to #40473A
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3C463F#3C463F#3C463F#3C463F#3B473F#3B473F#3B473F
#3E453E#3E453E#3D463E#3D463E#3D463E#3C473E#3C473E
#40443D#40443D#3F453D#3F453D#3E463D#3E463D#3D473D
#42433C#41443C#41443C#40453C#3F463C#3F463C#3E473C
#44413B#43423B#42433B#42443B#41453B#40463B#3F473B
#47403A#46413A#45423A#44433A#43443A#41463A#40473A

Colorpallet from #3A4740 to #403A47 and to #40473A
#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740#3A4740
#3B4541#3B4541#3B4640#3B4640#3B4640#3B473F#3B473F
#3C4342#3C4441#3C4441#3C4540#3C463F#3C463F#3C473E
#3D4143#3D4242#3D4341#3D4440#3D453F#3D463E#3D473D
#3E3F44#3E4043#3E4241#3E4340#3E443F#3E453E#3E473C
#3F3D46#3F3F44#3F4042#3F4241#3F433F#3F453D#3F473B
#403A47#403C45#403E43#404041#40423F#40443D#40473A