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 #3B3F5A to #3B5A3F and to #3F3B5A
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3B4356#3B4257#3B4157#3B4158#3C4059#3C3F59#3C3E5A
#3B4851#3B4652#3B4554#3B4355#3C4257#3C4058#3C3E5A
#3B4C4D#3B4A4F#3C4751#3C4553#3C4255#3D4057#3D3D5A
#3B5049#3B4D4C#3C4A4E#3C4651#3D4354#3D4057#3E3C5A
#3B5544#3B5148#3C4D4B#3C494F#3D4552#3D4156#3E3C5A
#3B5A3F#3C5543#3C5048#3D4B4C#3E4650#3E4155#3F3B5A

Colorpallet from #3B3F5A to #3B5A3F and to #3F5A3B
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3B4356#3B4356#3B4356#3B4356#3C4355#3C4355#3C4355
#3B4851#3B4851#3B4851#3B4851#3C4850#3C4850#3C4850
#3B4C4D#3B4C4D#3C4C4C#3C4C4C#3C4C4C#3D4C4B#3D4C4B
#3B5049#3B5049#3C5048#3C5048#3D5047#3D5047#3E5046
#3B5544#3B5544#3C5543#3C5543#3D5542#3D5542#3E5541
#3B5A3F#3C5A3E#3C5A3E#3D5A3D#3E5A3C#3E5A3C#3F5A3B

Colorpallet from #3B3F5A to #3B5A3F and to #5A3B3F
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3B4356#3C4256#3D4156#3D4156#3E4056#3F3F56#403E56
#3B4851#3D4651#3E4551#404351#414251#434051#453E51
#3B4C4D#3D4A4D#40474D#42454D#45424D#47404D#4A3D4D
#3B5049#3E4D49#414A49#454649#484349#4B4049#4F3C49
#3B5544#3F5144#434D44#474944#4B4544#4F4144#543C44
#3B5A3F#40553F#45503F#4A4B3F#4F463F#54413F#5A3B3F

Colorpallet from #3B3F5A to #3B5A3F and to #5A3F3B
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3B4356#3C4256#3D4256#3D4156#3E4055#3F4055#403F55
#3B4851#3D4751#3E4551#404451#414250#434150#453F50
#3B4C4D#3D4A4D#40484C#42464C#45444C#47424B#4A3F4B
#3B5049#3E4D49#414B48#454848#484547#4B4247#4F3F46
#3B5544#3F5144#434E43#474A43#4B4742#4F4342#543F41
#3B5A3F#40563E#45513E#4A4D3D#4F493C#54443C#5A3F3B

Colorpallet from #3B3F5A to #3F3B5A and to #3F5A3B
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3C3E5A#3C3F59#3C4058#3C4058#3C4157#3C4256#3C4355
#3C3E5A#3C4058#3C4157#3C4355#3C4454#3C4652#3C4850
#3D3D5A#3D3F58#3D4255#3D4453#3D4750#3D494E#3D4C4B
#3E3C5A#3E3F57#3E4254#3E4650#3E494D#3E4C4A#3E5046
#3E3C5A#3E4056#3E4452#3E484E#3E4C4A#3E5046#3E5541
#3F3B5A#3F4055#3F4550#3F4A4B#3F4F46#3F5441#3F5A3B

Colorpallet from #3B3F5A to #3F3B5A and to #5A3B3F
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3C3E5A#3D3E59#3D3E59#3E3E58#3F3E57#3F3E57#403E56
#3C3E5A#3D3E59#3F3E57#403E56#423E54#433E53#453E51
#3D3D5A#3F3D58#413D56#433D54#453D52#473D50#4A3D4D
#3E3C5A#413C57#433C55#463C52#493C4F#4C3C4C#4F3C49
#3E3C5A#423C56#453C53#493C4F#4C3C4C#503C48#543C44
#3F3B5A#433B56#483B51#4C3B4D#503B49#553B44#5A3B3F

Colorpallet from #3B3F5A to #3F3B5A and to #5A3F3B
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3C3E5A#3D3E59#3D3E58#3E3E58#3F3F57#3F3F56#403F55
#3C3E5A#3D3E58#3F3E57#403E55#423F54#433F52#453F50
#3D3D5A#3F3D58#413E55#433E53#453E50#473F4E#4A3F4B
#3E3C5A#413C57#433D54#463D50#493E4D#4C3E4A#4F3F46
#3E3C5A#423C56#453D52#493D4E#4C3E4A#503E46#543F41
#3F3B5A#433C55#483C50#4C3D4B#503E46#553E41#5A3F3B

Colorpallet from #3B3F5A to #3F5A3B and to #5A3B3F
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3C4355#3D4255#3D4155#3E4155#3F4056#3F3F56#403E56
#3C4850#3D4650#3F4550#404350#424251#434051#453E51
#3D4C4B#3F4A4B#41474C#43454C#45424C#47404D#4A3D4D
#3E5046#414D46#434A47#464647#494348#4C4048#4F3C49
#3E5541#425141#454D42#494942#4C4543#504143#543C44
#3F5A3B#43553C#48503C#4C4B3D#50463E#55413E#5A3B3F

Colorpallet from #3B3F5A to #3F5A3B and to #5A3F3B
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#3C4355#3D4255#3D4255#3E4155#3F4055#3F4055#403F55
#3C4850#3D4750#3F4550#404450#424250#434150#453F50
#3D4C4B#3F4A4B#41484B#43464B#45444B#47424B#4A3F4B
#3E5046#414D46#434B46#464846#494546#4C4246#4F3F46
#3E5541#425141#454E41#494A41#4C4741#504341#543F41
#3F5A3B#43563B#48513B#4C4D3B#50493B#55443B#5A3F3B

Colorpallet from #3B3F5A to #5A3B3F and to #5A3F3B
#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A#3B3F5A
#403E56#403E56#403E56#403E56#403F55#403F55#403F55
#453E51#453E51#453E51#453E51#453F50#453F50#453F50
#4A3D4D#4A3D4D#4A3E4C#4A3E4C#4A3E4C#4A3F4B#4A3F4B
#4F3C49#4F3C49#4F3D48#4F3D48#4F3E47#4F3E47#4F3F46
#543C44#543C44#543D43#543D43#543E42#543E42#543F41
#5A3B3F#5A3C3E#5A3C3E#5A3D3D#5A3E3C#5A3E3C#5A3F3B