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 #3B4A3D to #3B3D4A and to #4A3B3D
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3B483F#3B483F#3C483E#3C483E#3C483E#3D483D#3D483D
#3B4641#3C4640#3D4640#3D463F#3E453E#3F453E#40453D
#3B4443#3C4442#3D4441#3E4440#3F433F#41433E#42433D
#3B4245#3D4244#3E4142#404141#414140#43403F#45403D
#3B4047#3D4045#3F3F44#413F42#433F41#453E3F#473E3D
#3B3D4A#3D3D48#403C46#423C44#453C42#473B40#4A3B3D

Colorpallet from #3B4A3D to #3B3D4A and to #4A3D3B
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3B483F#3B483F#3C483E#3C483E#3C483E#3D483D#3D483D
#3B4641#3C4640#3D463F#3D463F#3E463E#3F463D#40463C
#3B4443#3C4442#3D4441#3E4440#3F443F#41443D#42443C
#3B4245#3D4244#3E4242#404241#41423F#43423E#45423C
#3B4047#3D4045#3F4043#414041#43403F#45403D#47403B
#3B3D4A#3D3D48#403D45#423D43#453D40#473D3E#4A3D3B

Colorpallet from #3B4A3D to #3B3D4A and to #3D3B4A
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3B483F#3B483F#3B483F#3B483F#3B483F#3B483F#3B483F
#3B4641#3B4641#3B4641#3B4641#3C4541#3C4541#3C4541
#3B4443#3B4443#3B4443#3B4443#3C4343#3C4343#3C4343
#3B4245#3B4245#3B4145#3B4145#3C4145#3C4045#3C4045
#3B4047#3B4047#3C3F47#3C3F47#3C3F47#3D3E47#3D3E47
#3B3D4A#3B3D4A#3C3C4A#3C3C4A#3C3C4A#3D3B4A#3D3B4A

Colorpallet from #3B4A3D to #3B3D4A and to #3D4A3B
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3B483F#3B483F#3B493E#3B493E#3B493E#3B4A3D#3B4A3D
#3B4641#3B4740#3B473F#3B483F#3C493E#3C493D#3C4A3C
#3B4443#3B4542#3B4641#3B4740#3C483F#3C493D#3C4A3C
#3B4245#3B4344#3B4542#3B4641#3C473F#3C483E#3C4A3C
#3B4047#3B4245#3C4343#3C4541#3C463F#3D483D#3D4A3B
#3B3D4A#3B3F48#3C4145#3C4343#3C4540#3D473E#3D4A3B

Colorpallet from #3B4A3D to #4A3B3D and to #4A3D3B
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3D483D#3D483D#3D483D#3D483D#3D483D#3D483D#3D483D
#40453D#40453D#40453D#40453D#40463C#40463C#40463C
#42433D#42433D#42433D#42433D#42443C#42443C#42443C
#45403D#45403D#45413D#45413D#45413C#45423C#45423C
#473E3D#473E3D#473F3C#473F3C#473F3C#47403B#47403B
#4A3B3D#4A3B3D#4A3C3C#4A3C3C#4A3C3C#4A3D3B#4A3D3B

Colorpallet from #3B4A3D to #4A3B3D and to #3D3B4A
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3D483D#3D483D#3C483E#3C483E#3C483E#3B483F#3B483F
#40453D#3F453E#3F453E#3E453F#3D4540#3D4540#3C4541
#42433D#41433E#40433F#3F4340#3E4341#3D4342#3C4343
#45403D#44403E#424040#414041#3F4042#3E4043#3C4045
#473E3D#453E3F#443E40#423E42#413E43#3F3E45#3D3E47
#4A3B3D#483B3F#463B41#443B43#423B45#403B47#3D3B4A

Colorpallet from #3B4A3D to #4A3B3D and to #3D4A3B
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3D483D#3D483D#3C493D#3C493D#3C493D#3B4A3D#3B4A3D
#40453D#3F463D#3F473D#3E473D#3D483C#3D493C#3C4A3C
#42433D#41443D#40453D#3F463D#3E473C#3D493C#3C4A3C
#45403D#44423D#42433D#41453D#3F463C#3E483C#3C4A3C
#473E3D#45403D#44423C#42443C#41463C#3F483B#3D4A3B
#4A3B3D#483D3D#46403C#44423C#42453C#40473B#3D4A3B

Colorpallet from #3B4A3D to #4A3D3B and to #3D3B4A
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3D483D#3D483D#3C483E#3C483E#3C483E#3B483F#3B483F
#40463C#3F463D#3F463E#3E463E#3D453F#3D4540#3C4541
#42443C#41443D#40443E#3F443F#3E4340#3D4342#3C4343
#45423C#44423D#42413F#414140#3F4142#3E4043#3C4045
#47403B#45403D#443F3F#423F41#413F43#3F3E45#3D3E47
#4A3D3B#483D3D#463C40#443C42#423C45#403B47#3D3B4A

Colorpallet from #3B4A3D to #4A3D3B and to #3D4A3B
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3D483D#3D483D#3C493D#3C493D#3C493D#3B4A3D#3B4A3D
#40463C#3F473C#3F473C#3E483C#3D493C#3D493C#3C4A3C
#42443C#41453C#40463C#3F473C#3E483C#3D493C#3C4A3C
#45423C#44433C#42453C#41463C#3F473C#3E483C#3C4A3C
#47403B#45423B#44433B#42453B#41463B#3F483B#3D4A3B
#4A3D3B#483F3B#46413B#44433B#42453B#40473B#3D4A3B

Colorpallet from #3B4A3D to #3D3B4A and to #3D4A3B
#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D#3B4A3D
#3B483F#3B483F#3B493E#3B493E#3B493E#3B4A3D#3B4A3D
#3C4541#3C4640#3C473F#3C473F#3C483E#3C493D#3C4A3C
#3C4343#3C4442#3C4541#3C4640#3C473F#3C493D#3C4A3C
#3C4045#3C4244#3C4342#3C4541#3C463F#3C483E#3C4A3C
#3D3E47#3D4045#3D4243#3D4441#3D463F#3D483D#3D4A3B
#3D3B4A#3D3D48#3D4045#3D4243#3D4540#3D473E#3D4A3B