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 #3B414A to #3B4A41 and to #413B4A
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3B4249#3B4249#3B4149#3B4149#3C414A#3C404A#3C404A
#3B4447#3B4347#3C4248#3C4248#3C4149#3D4049#3D3F4A
#3B4546#3B4447#3C4347#3C4248#3D4149#3D3F49#3E3E4A
#3B4744#3C4545#3C4446#3D4247#3E4148#3E3F49#3F3D4A
#3B4843#3C4644#3D4445#3D4246#3E4047#3F3E49#403C4A
#3B4A41#3C4842#3D4544#3E4345#3F4047#403E48#413B4A

Colorpallet from #3B414A to #3B4A41 and to #414A3B
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3B4249#3B4249#3B4249#3B4249#3C4248#3C4248#3C4248
#3B4447#3B4447#3C4446#3C4446#3C4446#3D4445#3D4445
#3B4546#3B4546#3C4545#3C4545#3D4544#3D4544#3E4543
#3B4744#3C4743#3C4743#3D4742#3E4741#3E4741#3F4740
#3B4843#3C4842#3D4841#3D4841#3E4840#3F483F#40483E
#3B4A41#3C4A40#3D4A3F#3E4A3E#3F4A3D#404A3C#414A3B

Colorpallet from #3B414A to #3B4A41 and to #4A3B41
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3B4249#3B4249#3C4149#3C4149#3C4149#3D4049#3D4049
#3B4447#3C4347#3D4247#3D4247#3E4147#3F4047#403F47
#3B4546#3C4446#3D4346#3E4246#3F4146#413F46#423E46
#3B4744#3D4544#3E4444#404244#414144#433F44#453D44
#3B4843#3D4643#3F4443#414243#434043#453E43#473C43
#3B4A41#3D4841#404541#424341#454041#473E41#4A3B41

Colorpallet from #3B414A to #3B4A41 and to #4A413B
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3B4249#3B4249#3C4249#3C4249#3C4148#3D4148#3D4148
#3B4447#3C4447#3D4346#3D4346#3E4246#3F4245#404145
#3B4546#3C4446#3D4445#3E4345#3F4244#414244#424143
#3B4744#3D4643#3E4543#404442#414341#434241#454140
#3B4843#3D4742#3F4641#414541#434440#45423F#47413E
#3B4A41#3D4940#40473F#42463E#45443D#47433C#4A413B

Colorpallet from #3B414A to #413B4A and to #414A3B
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3C404A#3C404A#3C4149#3C4149#3C4149#3C4248#3C4248
#3D3F4A#3D4049#3D4148#3D4148#3D4247#3D4346#3D4445
#3E3E4A#3E3F49#3E4048#3E4147#3E4246#3E4444#3E4543
#3F3D4A#3F3F48#3F4047#3F4245#3F4344#3F4542#3F4740
#403C4A#403E48#404046#404244#404442#404640#40483E
#413B4A#413D48#414045#414243#414540#41473E#414A3B

Colorpallet from #3B414A to #413B4A and to #4A3B41
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3C404A#3C404A#3C404A#3C404A#3D4049#3D4049#3D4049
#3D3F4A#3D3F4A#3E3F49#3E3F49#3F3F48#3F3F48#403F47
#3E3E4A#3F3E49#3F3E49#403E48#413E47#413E47#423E46
#3F3D4A#403D49#413D48#423D47#433D46#443D45#453D44
#403C4A#413C49#423C48#433C47#443C46#463C44#473C43
#413B4A#423B49#443B47#453B46#473B44#483B43#4A3B41

Colorpallet from #3B414A to #413B4A and to #4A413B
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3C404A#3C404A#3C4049#3C4049#3D4149#3D4148#3D4148
#3D3F4A#3D3F49#3E4048#3E4048#3F4047#3F4146#404145
#3E3E4A#3F3E49#3F3F48#403F47#414046#414044#424143
#3F3D4A#403E48#413E47#423F45#434044#444042#454140
#403C4A#413D48#423E46#433E44#443F42#464040#47413E
#413B4A#423C48#443D45#453E43#473F40#48403E#4A413B

Colorpallet from #3B414A to #414A3B and to #4A3B41
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3C4248#3C4248#3C4148#3C4148#3D4149#3D4049#3D4049
#3D4445#3D4345#3E4246#3E4246#3F4146#3F4047#403F47
#3E4543#3F4443#3F4344#404244#414145#413F45#423E46
#3F4740#404541#414441#424242#434143#443F43#453D44
#40483E#41463F#424440#434240#444041#463E42#473C43
#414A3B#42483C#44453D#45433E#47403F#483E40#4A3B41

Colorpallet from #3B414A to #414A3B and to #4A413B
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3C4248#3C4248#3C4248#3C4248#3D4148#3D4148#3D4148
#3D4445#3D4445#3E4345#3E4345#3F4245#3F4245#404145
#3E4543#3F4443#3F4443#404343#414243#414243#424143
#3F4740#404640#414540#424440#434340#444240#454140
#40483E#41473E#42463E#43453E#44443E#46423E#47413E
#414A3B#42493B#44473B#45463B#47443B#48433B#4A413B

Colorpallet from #3B414A to #4A3B41 and to #4A413B
#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A#3B414A
#3D4049#3D4049#3D4049#3D4049#3D4148#3D4148#3D4148
#403F47#403F47#404046#404046#404046#404145#404145
#423E46#423E46#423F45#423F45#424044#424044#424143
#453D44#453E43#453E43#453F42#454041#454041#454140
#473C43#473D42#473E41#473E41#473F40#47403F#47413E
#4A3B41#4A3C40#4A3D3F#4A3E3E#4A3F3D#4A403C#4A413B