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 #3B417A to #3B7A41 and to #413B7A
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3B4A71#3B4872#3B4774#3B4575#3C4477#3C4278#3C407A
#3B5368#3B506B#3C4D6E#3C4971#3C4674#3D4376#3D3F7A
#3B5C5F#3B5763#3C5268#3C4E6C#3D4970#3D4475#3E3E7A
#3B6556#3C5F5C#3C5862#3D5267#3E4B6D#3E4573#3F3D7A
#3B6F4C#3C6753#3D5F5B#3D5762#3E4E69#3F4671#403C7A
#3B7A41#3C704A#3D6653#3E5C5C#3F5265#40486F#413B7A

Colorpallet from #3B417A to #3B7A41 and to #417A3B
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3B4A71#3B4A71#3B4A71#3B4A71#3C4A70#3C4A70#3C4A70
#3B5368#3B5368#3C5367#3C5367#3C5367#3D5366#3D5366
#3B5C5F#3B5C5F#3C5C5E#3C5C5E#3D5C5D#3D5C5D#3E5C5C
#3B6556#3C6555#3C6555#3D6554#3E6553#3E6553#3F6552
#3B6F4C#3C6F4B#3D6F4B#3D6F4A#3E6F49#3F6F49#406F48
#3B7A41#3C7A40#3D7A3F#3E7A3E#3F7A3D#407A3C#417A3B

Colorpallet from #3B417A to #3B7A41 and to #7A3B41
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3B4A71#3D4871#3E4771#404571#414471#434271#454071
#3B5368#3E5068#414D68#454968#484668#4B4368#4F3F68
#3B5C5F#40575F#45525F#494E5F#4E495F#53445F#593E5F
#3B6556#415F56#485856#4E5256#554B56#5B4556#633D56
#3B6F4C#43674C#4B5F4C#53574C#5B4E4C#63464C#6D3C4C
#3B7A41#457041#4F6641#595C41#635241#6D4841#7A3B41

Colorpallet from #3B417A to #3B7A41 and to #7A413B
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3B4A71#3D4971#3E4771#404671#414470#434370#454170
#3B5368#3E5068#414D67#454A67#484767#4B4566#4F4166
#3B5C5F#40585F#45535E#494F5E#4E4B5D#53465D#59415C
#3B6556#415F55#485955#4E5454#554E53#5B4853#634152
#3B6F4C#43684B#4B604B#53594A#5B5249#634A49#6D4148
#3B7A41#457140#4F683F#595F3E#63563D#6D4C3C#7A413B

Colorpallet from #3B417A to #413B7A and to #417A3B
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3C407A#3C4278#3C4377#3C4575#3C4674#3C4872#3C4A70
#3D3F7A#3D4277#3D4574#3D4970#3D4C6D#3D4F6A#3D5366
#3E3E7A#3E4375#3E4870#3E4C6C#3E5167#3E5662#3E5C5C
#3F3D7A#3F4374#3F4A6D#3F5067#3F5760#3F5D5A#3F6552
#403C7A#404472#404C6A#405462#405D5A#406552#406F48
#413B7A#414570#414F66#41595C#416352#416D48#417A3B

Colorpallet from #3B417A to #413B7A and to #7A3B41
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3C407A#3D4079#3F4077#404076#424074#434073#454071
#3D3F7A#403F77#433F74#463F71#493F6E#4B3F6C#4F3F68
#3E3E7A#423E76#473E71#4B3E6D#4F3E69#543E64#593E5F
#3F3D7A#453D74#4B3D6E#503D69#563D63#5C3D5D#633D56
#403C7A#473C73#4E3C6B#563C64#5D3C5D#643C55#6D3C4C
#413B7A#4A3B71#533B68#5C3B5F#653B56#6F3B4C#7A3B41

Colorpallet from #3B417A to #413B7A and to #7A413B
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3C407A#3D4078#3F4077#404075#424174#434172#454170
#3D3F7A#403F77#434074#464070#49406D#4B416A#4F4166
#3E3E7A#423E75#473F70#4B3F6C#4F4067#544062#59415C
#3F3D7A#453E74#4B3E6D#503F67#564060#5C405A#634152
#403C7A#473D72#4E3E6A#563E62#5D3F5A#644052#6D4148
#413B7A#4A3C70#533D66#5C3E5C#653F52#6F4048#7A413B

Colorpallet from #3B417A to #417A3B and to #7A3B41
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3C4A70#3D4870#3F4770#404570#424471#434271#454071
#3D5366#405066#434D67#464967#494667#4B4368#4F3F68
#3E5C5C#42575C#47525D#4B4E5D#4F495E#54445E#593E5F
#3F6552#455F53#4B5853#505254#564B55#5C4555#633D56
#406F48#476749#4E5F49#56574A#5D4E4B#64464B#6D3C4C
#417A3B#4A703C#53663D#5C5C3E#65523F#6F4840#7A3B41

Colorpallet from #3B417A to #417A3B and to #7A413B
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#3C4A70#3D4970#3F4770#404670#424470#434370#454170
#3D5366#405066#434D66#464A66#494766#4B4566#4F4166
#3E5C5C#42585C#47535C#4B4F5C#4F4B5C#54465C#59415C
#3F6552#455F52#4B5952#505452#564E52#5C4852#634152
#406F48#476848#4E6048#565948#5D5248#644A48#6D4148
#417A3B#4A713B#53683B#5C5F3B#65563B#6F4C3B#7A413B

Colorpallet from #3B417A to #7A3B41 and to #7A413B
#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A#3B417A
#454071#454071#454071#454071#454170#454170#454170
#4F3F68#4F3F68#4F4067#4F4067#4F4067#4F4166#4F4166
#593E5F#593E5F#593F5E#593F5E#59405D#59405D#59415C
#633D56#633E55#633E55#633F54#634053#634053#634152
#6D3C4C#6D3D4B#6D3E4B#6D3E4A#6D3F49#6D4049#6D4148
#7A3B41#7A3C40#7A3D3F#7A3E3E#7A3F3D#7A403C#7A413B