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 #3B3D4A to #3B4A3D and to #3D3B4A
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3F48#3B3F48#3B3E49#3B3E49#3B3E49#3B3D4A#3B3D4A
#3B4146#3B4047#3B3F47#3B3F48#3C3E49#3C3D49#3C3C4A
#3B4344#3B4245#3B4146#3B4047#3C3F48#3C3D49#3C3C4A
#3B4542#3B4443#3B4245#3B4146#3C3F47#3C3E48#3C3C4A
#3B4740#3B4542#3C4343#3C4145#3C3F46#3D3D48#3D3B4A
#3B4A3D#3B483F#3C4541#3C4343#3C4045#3D3E47#3D3B4A

Colorpallet from #3B3D4A to #3B4A3D and to #3D4A3B
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3F48#3B3F48#3B3F48#3B3F48#3B3F48#3B3F48#3B3F48
#3B4146#3B4146#3B4146#3B4146#3C4145#3C4145#3C4145
#3B4344#3B4344#3B4344#3B4344#3C4343#3C4343#3C4343
#3B4542#3B4542#3B4541#3B4541#3C4541#3C4540#3C4540
#3B4740#3B4740#3C473F#3C473F#3C473F#3D473E#3D473E
#3B4A3D#3B4A3D#3C4A3C#3C4A3C#3C4A3C#3D4A3B#3D4A3B

Colorpallet from #3B3D4A to #3B4A3D and to #4A3B3D
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3F48#3B3F48#3C3E48#3C3E48#3C3E48#3D3D48#3D3D48
#3B4146#3C4046#3D3F46#3D3F46#3E3E46#3F3D46#403C46
#3B4344#3C4244#3D4144#3E4044#3F3F44#413D44#423C44
#3B4542#3D4442#3E4242#404142#413F42#433E42#453C42
#3B4740#3D4540#3F4340#414140#433F40#453D40#473B40
#3B4A3D#3D483D#40453D#42433D#45403D#473E3D#4A3B3D

Colorpallet from #3B3D4A to #3B4A3D and to #4A3D3B
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3F48#3B3F48#3C3E48#3C3E48#3C3E48#3D3D48#3D3D48
#3B4146#3C4046#3D4046#3D3F46#3E3E45#3F3E45#403D45
#3B4344#3C4244#3D4144#3E4044#3F3F43#413E43#423D43
#3B4542#3D4442#3E4241#404141#414041#433F40#453D40
#3B4740#3D4540#3F443F#41423F#43413F#453F3E#473D3E
#3B4A3D#3D483D#40463C#42443C#45423C#47403B#4A3D3B

Colorpallet from #3B3D4A to #3D3B4A and to #3D4A3B
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3D4A#3B3D4A#3B3E49#3B3E49#3B3E49#3B3F48#3B3F48
#3C3C4A#3C3D49#3C3E48#3C3E48#3C3F47#3C4046#3C4145
#3C3C4A#3C3D49#3C3E48#3C3F47#3C4046#3C4244#3C4343
#3C3C4A#3C3D48#3C3F47#3C4045#3C4244#3C4342#3C4540
#3D3B4A#3D3D48#3D3F46#3D4144#3D4342#3D4540#3D473E
#3D3B4A#3D3D48#3D4045#3D4243#3D4540#3D473E#3D4A3B

Colorpallet from #3B3D4A to #3D3B4A and to #4A3B3D
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3D4A#3B3D4A#3C3D49#3C3D49#3C3D49#3D3D48#3D3D48
#3C3C4A#3D3C49#3D3C49#3E3C48#3F3C47#3F3C47#403C46
#3C3C4A#3D3C49#3E3C48#3F3C47#403C46#413C45#423C44
#3C3C4A#3D3C49#3F3C47#403C46#423C45#433C44#453C42
#3D3B4A#3F3B48#403B47#423B45#433B44#453B42#473B40
#3D3B4A#3F3B48#413B46#433B44#453B42#473B40#4A3B3D

Colorpallet from #3B3D4A to #3D3B4A and to #4A3D3B
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3D4A#3B3D4A#3C3D49#3C3D49#3C3D49#3D3D48#3D3D48
#3C3C4A#3D3C49#3D3C48#3E3C48#3F3D47#3F3D46#403D45
#3C3C4A#3D3C49#3E3C48#3F3C47#403D46#413D44#423D43
#3C3C4A#3D3C48#3F3C47#403C45#423D44#433D42#453D40
#3D3B4A#3F3B48#403C46#423C44#433C42#453D40#473D3E
#3D3B4A#3F3B48#413C45#433C43#453C40#473D3E#4A3D3B

Colorpallet from #3B3D4A to #3D4A3B and to #4A3B3D
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3F48#3B3F48#3C3E48#3C3E48#3C3E48#3D3D48#3D3D48
#3C4145#3D4045#3D3F45#3E3F45#3F3E46#3F3D46#403C46
#3C4343#3D4243#3E4143#3F4043#403F44#413D44#423C44
#3C4540#3D4440#3F4241#404141#423F41#433E42#453C42
#3D473E#3F453E#40433F#42413F#433F3F#453D40#473B40
#3D4A3B#3F483B#41453C#43433C#45403C#473E3D#4A3B3D

Colorpallet from #3B3D4A to #3D4A3B and to #4A3D3B
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3B3F48#3B3F48#3C3E48#3C3E48#3C3E48#3D3D48#3D3D48
#3C4145#3D4045#3D4045#3E3F45#3F3E45#3F3E45#403D45
#3C4343#3D4243#3E4143#3F4043#403F43#413E43#423D43
#3C4540#3D4440#3F4240#404140#424040#433F40#453D40
#3D473E#3F453E#40443E#42423E#43413E#453F3E#473D3E
#3D4A3B#3F483B#41463B#43443B#45423B#47403B#4A3D3B

Colorpallet from #3B3D4A to #4A3B3D and to #4A3D3B
#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A#3B3D4A
#3D3D48#3D3D48#3D3D48#3D3D48#3D3D48#3D3D48#3D3D48
#403C46#403C46#403C46#403C46#403D45#403D45#403D45
#423C44#423C44#423C44#423C44#423D43#423D43#423D43
#453C42#453C42#453C41#453C41#453D41#453D40#453D40
#473B40#473B40#473C3F#473C3F#473C3F#473D3E#473D3E
#4A3B3D#4A3B3D#4A3C3C#4A3C3C#4A3C3C#4A3D3B#4A3D3B