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 #3B5071 to #3B7150 and to #503B71
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3B556C#3B546D#3C526E#3C516E#3D506F#3D4F70#3E4D71
#3B5B66#3C5868#3D556A#3E526B#3F4F6D#414D6F#424971
#3B6061#3D5C64#3E5866#405469#414F6B#434B6E#454671
#3B655C#3D605F#3F5A63#415566#434F69#454A6D#484371
#3B6A57#3E635B#405C5F#435563#464E68#49486C#4C3F71
#3B7150#3E6855#42605B#455760#484E65#4C466A#503B71

Colorpallet from #3B5071 to #3B7150 and to #50713B
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3B556C#3B556B#3C556B#3C556A#3D5569#3D5569#3E5568
#3B5B66#3C5B65#3D5B64#3E5B63#3F5B62#415B61#425B60
#3B6061#3D605F#3E605E#40605C#41605B#436059#456057
#3B655C#3D655A#3F6558#416555#436553#456551#48654E
#3B6A57#3E6A54#406A52#436A4F#466A4C#496A49#4C6A46
#3B7150#3E714D#427149#457146#487143#4C713F#50713B

Colorpallet from #3B5071 to #3B7150 and to #713B50
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3B556C#3C546C#3E526C#3F516C#41506C#424F6C#444D6C
#3B5B66#3E5866#405566#435266#464F66#494D66#4C4966
#3B6061#3F5C61#435861#475461#4C4F61#504B61#554661
#3B655C#41605C#465A5C#4C555C#514F5C#574A5C#5E435C
#3B6A57#426357#495C57#505557#574E57#5D4857#663F57
#3B7150#446850#4C6050#555750#5E4E50#664650#713B50

Colorpallet from #3B5071 to #3B7150 and to #71503B
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3B556C#3C546B#3E536B#3F536A#415269#425169#445068
#3B5B66#3E5965#405764#435663#465462#495261#4C5060
#3B6061#3F5D5F#435B5E#47585C#4C565B#505359#555057
#3B655C#41625A#465E58#4C5B55#515853#575451#5E504E
#3B6A57#426654#496252#505E4F#57594C#5D5549#665046
#3B7150#446C4D#4C6649#556146#5E5C43#66573F#71503B

Colorpallet from #3B5071 to #503B71 and to #50713B
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3E4D71#3E4E70#3E506E#3E516D#3E526B#3E536A#3E5568
#424971#424C6E#424F6C#425269#425566#425763#425B60
#454671#454A6D#454E69#455265#455760#455B5C#456057
#484371#48486B#484E66#485360#48595B#485E55#48654E
#4C3F71#4C466A#4C4D63#4C545C#4C5B55#4C614F#4C6A46
#503B71#504468#504C60#505557#505E4E#506646#50713B

Colorpallet from #3B5071 to #503B71 and to #713B50
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3E4D71#3F4D70#404D6F#414D6F#424D6E#434D6D#444D6C
#424971#44496F#45496D#47496C#48496A#4A4968#4C4966
#454671#48466E#4A466C#4D4669#4F4667#524664#554661
#484371#4C436E#4F436A#534367#564364#5A4360#5E435C
#4C3F71#503F6D#543F69#583F65#5D3F60#613F5C#663F57
#503B71#553B6C#5B3B66#603B61#653B5C#6A3B57#713B50

Colorpallet from #3B5071 to #503B71 and to #71503B
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3E4D71#3F4D70#404E6E#414E6D#424F6B#434F6A#445068
#424971#444A6E#454B6C#474C69#484D66#4A4F63#4C5060
#454671#48486D#4A4969#4D4B65#4F4C60#524E5C#555057
#484371#4C456B#4F4766#534960#564B5B#5A4D55#5E504E
#4C3F71#50426A#544463#58475C#5D4A55#614D4F#665046
#503B71#553E68#5B4260#604557#65484E#6A4C46#71503B

Colorpallet from #3B5071 to #50713B and to #713B50
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3E5568#3F5469#405269#41516A#42506B#434F6B#444D6C
#425B60#445861#455562#475263#484F64#4A4D65#4C4966
#456057#485C59#4A585A#4D545C#4F4F5D#524B5F#554661
#48654E#4C6050#4F5A52#535555#564F57#5A4A59#5E435C
#4C6A46#506349#545C4B#58554E#5D4E51#614854#663F57
#50713B#55683E#5B6042#605745#654E48#6A464C#713B50

Colorpallet from #3B5071 to #50713B and to #71503B
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#3E5568#3F5468#405368#415368#425268#435168#445068
#425B60#445960#455760#475660#485460#4A5260#4C5060
#456057#485D57#4A5B57#4D5857#4F5657#525357#555057
#48654E#4C624E#4F5E4E#535B4E#56584E#5A544E#5E504E
#4C6A46#506646#546246#585E46#5D5946#615546#665046
#50713B#556C3B#5B663B#60613B#655C3B#6A573B#71503B

Colorpallet from #3B5071 to #713B50 and to #71503B
#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071#3B5071
#444D6C#444D6B#444E6B#444E6A#444F69#444F69#445068
#4C4966#4C4A65#4C4B64#4C4C63#4C4D62#4C4F61#4C5060
#554661#55485F#55495E#554B5C#554C5B#554E59#555057
#5E435C#5E455A#5E4758#5E4955#5E4B53#5E4D51#5E504E
#663F57#664254#664452#66474F#664A4C#664D49#665046
#713B50#713E4D#714249#714546#714843#714C3F#71503B