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 #3B4E70 to #3B704E and to #4E3B70
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3B536B#3B526C#3C506D#3C4F6D#3D4E6E#3D4D6F#3E4B70
#3B5965#3C5667#3D5469#3E516A#3F4E6C#404B6E#414870
#3B5E60#3C5A63#3E5665#3F5268#414E6A#424A6D#444570
#3B645A#3D5F5E#3F5961#415465#434E68#45496C#474270
#3B6955#3D6259#405C5E#425562#454E66#47476B#4A3F70
#3B704E#3E6853#415F59#44575E#474E64#4A4669#4E3B70

Colorpallet from #3B4E70 to #3B704E and to #4E703B
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3B536B#3B536B#3C536A#3C536A#3D5369#3D5369#3E5368
#3B5965#3C5964#3D5963#3E5962#3F5961#405960#41595F
#3B5E60#3C5E5F#3E5E5D#3F5E5C#415E5A#425E59#445E57
#3B645A#3D6458#3F6456#416454#436452#456450#47644E
#3B6955#3D6953#406950#42694E#45694B#476949#4A6946
#3B704E#3E704B#417048#447045#477042#4A703F#4E703B

Colorpallet from #3B4E70 to #3B704E and to #703B4E
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3B536B#3C526B#3E506B#3F4F6B#404E6B#414D6B#434B6B
#3B5965#3E5665#405465#435165#464E65#494B65#4C4865
#3B5E60#3F5A60#435660#475260#4B4E60#4F4A60#544560
#3B645A#405F5A#46595A#4B545A#514E5A#56495A#5D425A
#3B6955#426255#485C55#4F5555#564E55#5D4755#653F55
#3B704E#43684E#4C5F4E#54574E#5D4E4E#65464E#703B4E

Colorpallet from #3B4E70 to #3B704E and to #704E3B
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3B536B#3C526B#3E516A#3F516A#405069#414F69#434E68
#3B5965#3E5764#405563#435462#465261#495060#4C4E5F
#3B5E60#3F5B5F#43595D#47565C#4B545A#4F5159#544E57
#3B645A#406058#465D56#4B5954#515652#565250#5D4E4E
#3B6955#426553#486050#4F5C4E#56584B#5D5349#654E46
#3B704E#436B4B#4C6548#546045#5D5A42#65553F#704E3B

Colorpallet from #3B4E70 to #4E3B70 and to #4E703B
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3E4B70#3E4C6F#3E4E6D#3E4F6C#3E506B#3E516A#3E5368
#414870#414B6D#414D6B#415068#415365#415662#41595F
#444570#44496C#444D68#445164#445560#44595C#445E57
#474270#47476B#474D65#475260#47585A#475D55#47644E
#4A3F70#4A4669#4A4C63#4A535C#4A5A55#4A614E#4A6946
#4E3B70#4E4368#4E4C5F#4E5457#4E5D4E#4E6546#4E703B

Colorpallet from #3B4E70 to #4E3B70 and to #703B4E
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3E4B70#3F4B6F#404B6E#404B6E#414B6D#424B6C#434B6B
#414870#43486E#45486C#46486B#484869#4A4867#4C4865
#444570#47456D#49456B#4C4568#4E4566#514563#544560
#474270#4B426C#4E4269#524265#554262#59425E#5D425A
#4A3F70#4E3F6C#533F67#573F63#5B3F5F#603F5A#653F55
#4E3B70#533B6B#593B65#5E3B60#643B5A#693B55#703B4E

Colorpallet from #3B4E70 to #4E3B70 and to #704E3B
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3E4B70#3F4B6F#404C6D#404C6C#414D6B#424D6A#434E68
#414870#43496D#454A6B#464B68#484C65#4A4D62#4C4E5F
#444570#47466C#494868#4C4964#4E4B60#514C5C#544E57
#474270#4B446B#4E4665#524860#554A5A#594C55#5D4E4E
#4A3F70#4E4169#534463#57465C#5B4955#604B4E#654E46
#4E3B70#533E68#59415F#5E4457#64474E#694A46#704E3B

Colorpallet from #3B4E70 to #4E703B and to #703B4E
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3E5368#3F5268#405069#404F69#414E6A#424D6A#434B6B
#41595F#435660#455461#465162#484E63#4A4B64#4C4865
#445E57#475A58#49565A#4C525B#4E4E5D#514A5E#544560
#47644E#4B5F50#4E5952#525454#554E56#594958#5D425A
#4A6946#4E6248#535C4B#57554D#5B4E50#604752#653F55
#4E703B#53683E#595F41#5E5744#644E47#69464A#703B4E

Colorpallet from #3B4E70 to #4E703B and to #704E3B
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#3E5368#3F5268#405168#405168#415068#424F68#434E68
#41595F#43575F#45555F#46545F#48525F#4A505F#4C4E5F
#445E57#475B57#495957#4C5657#4E5457#515157#544E57
#47644E#4B604E#4E5D4E#52594E#55564E#59524E#5D4E4E
#4A6946#4E6546#536046#575C46#5B5846#605346#654E46
#4E703B#536B3B#59653B#5E603B#645A3B#69553B#704E3B

Colorpallet from #3B4E70 to #703B4E and to #704E3B
#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70#3B4E70
#434B6B#434B6B#434C6A#434C6A#434D69#434D69#434E68
#4C4865#4C4964#4C4A63#4C4B62#4C4C61#4C4D60#4C4E5F
#544560#54465F#54485D#54495C#544B5A#544C59#544E57
#5D425A#5D4458#5D4656#5D4854#5D4A52#5D4C50#5D4E4E
#653F55#654153#654450#65464E#65494B#654B49#654E46
#703B4E#703E4B#704148#704445#704742#704A3F#704E3B