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 #3D4A3F to #3D3F4A and to #4A3D3F
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3D4841#3D4841#3E4840#3E4840#3E4840#3F483F#3F483F
#3D4643#3E4642#3E4642#3F4641#404640#404640#41463F
#3D4544#3E4543#3F4542#404542#414441#424440#43443F
#3D4346#3E4345#404344#414343#424242#434240#45423F
#3D4148#3F4147#404145#424144#434042#454041#47403F
#3D3F4A#3F3F48#413E46#433E45#453E43#473D41#4A3D3F

Colorpallet from #3D4A3F to #3D3F4A and to #4A3F3D
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3D4841#3D4841#3E4840#3E4840#3E4840#3F483F#3F483F
#3D4643#3E4642#3E4641#3F4641#404640#40463F#41463E
#3D4544#3E4543#3F4542#404541#414540#42453F#43453E
#3D4346#3E4345#404343#414342#424341#434340#45433E
#3D4148#3F4146#404144#424143#434141#45413F#47413D
#3D3F4A#3F3F48#413F46#433F44#453F42#473F40#4A3F3D

Colorpallet from #3D4A3F to #3D3F4A and to #3F3D4A
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3D4841#3D4841#3D4841#3D4841#3D4841#3D4841#3D4841
#3D4643#3D4643#3D4643#3D4643#3E4643#3E4643#3E4643
#3D4544#3D4544#3D4544#3D4544#3E4444#3E4444#3E4444
#3D4346#3D4346#3D4346#3D4346#3E4246#3E4246#3E4246
#3D4148#3D4148#3E4148#3E4148#3E4048#3F4048#3F4048
#3D3F4A#3D3F4A#3E3E4A#3E3E4A#3E3E4A#3F3D4A#3F3D4A

Colorpallet from #3D4A3F to #3D3F4A and to #3F4A3D
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3D4841#3D4841#3D4940#3D4940#3D4940#3D4A3F#3D4A3F
#3D4643#3D4742#3D4741#3D4841#3E4940#3E493F#3E4A3E
#3D4544#3D4643#3D4742#3D4741#3E4840#3E493F#3E4A3E
#3D4346#3D4445#3D4543#3D4642#3E4741#3E4940#3E4A3E
#3D4148#3D4246#3E4444#3E4543#3E4741#3F483F#3F4A3D
#3D3F4A#3D4148#3E4346#3E4444#3E4642#3F4840#3F4A3D

Colorpallet from #3D4A3F to #4A3D3F and to #4A3F3D
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3F483F#3F483F#3F483F#3F483F#3F483F#3F483F#3F483F
#41463F#41463F#41463F#41463F#41463E#41463E#41463E
#43443F#43443F#43443F#43443F#43453E#43453E#43453E
#45423F#45423F#45423F#45423F#45433E#45433E#45433E
#47403F#47403F#47403E#47403E#47413E#47413D#47413D
#4A3D3F#4A3D3F#4A3E3E#4A3E3E#4A3E3E#4A3F3D#4A3F3D

Colorpallet from #3D4A3F to #4A3D3F and to #3F3D4A
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3F483F#3F483F#3E4840#3E4840#3E4840#3D4841#3D4841
#41463F#414640#404640#404641#3F4642#3F4642#3E4643
#43443F#424440#414441#414441#404442#3F4443#3E4444
#45423F#444240#434241#424242#414243#3F4245#3E4246
#47403F#464040#444042#434043#424045#414046#3F4048
#4A3D3F#483D41#463D43#453D44#433D46#413D48#3F3D4A

Colorpallet from #3D4A3F to #4A3D3F and to #3F4A3D
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3F483F#3F483F#3E493F#3E493F#3E493F#3D4A3F#3D4A3F
#41463F#41473F#40473F#40483F#3F493E#3F493E#3E4A3E
#43443F#42453F#41463F#41473F#40483E#3F493E#3E4A3E
#45423F#44433F#43453F#42463F#41473E#3F483E#3E4A3E
#47403F#46423F#44433E#43453E#42463E#41483D#3F4A3D
#4A3D3F#483F3F#46413E#45433E#43453E#41473D#3F4A3D

Colorpallet from #3D4A3F to #4A3F3D and to #3F3D4A
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3F483F#3F483F#3E4840#3E4840#3E4840#3D4841#3D4841
#41463E#41463F#404640#404640#3F4641#3F4642#3E4643
#43453E#42453F#414540#414541#404442#3F4443#3E4444
#45433E#44433F#434341#424342#414243#3F4244#3E4246
#47413D#46413F#444141#434142#424044#414046#3F4048
#4A3F3D#483F3F#463E41#453E43#433E45#413D47#3F3D4A

Colorpallet from #3D4A3F to #4A3F3D and to #3F4A3D
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3F483F#3F483F#3E493F#3E493F#3E493F#3D4A3F#3D4A3F
#41463E#41473E#40473E#40483E#3F493E#3F493E#3E4A3E
#43453E#42463E#41473E#41473E#40483E#3F493E#3E4A3E
#45433E#44443E#43453E#42463E#41473E#3F493E#3E4A3E
#47413D#46423D#44443D#43453D#42473D#41483D#3F4A3D
#4A3F3D#48413D#46433D#45443D#43463D#41483D#3F4A3D

Colorpallet from #3D4A3F to #3F3D4A and to #3F4A3D
#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F#3D4A3F
#3D4841#3D4841#3D4940#3D4940#3D4940#3D4A3F#3D4A3F
#3E4643#3E4742#3E4741#3E4841#3E4940#3E493F#3E4A3E
#3E4444#3E4543#3E4642#3E4741#3E4840#3E493F#3E4A3E
#3E4246#3E4345#3E4543#3E4642#3E4741#3E4840#3E4A3E
#3F4048#3F4246#3F4344#3F4543#3F4641#3F483F#3F4A3D
#3F3D4A#3F3F48#3F4146#3F4344#3F4542#3F4740#3F4A3D