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 #3B506D to #3B6D50 and to #503B6D
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3B5568#3B5469#3C526A#3C516A#3D506B#3D4F6C#3E4D6D
#3B5964#3C5665#3D5467#3E5168#3F4F6A#414C6B#42496D
#3B5E5F#3D5A61#3E5663#405266#414F68#434B6A#45466D
#3B635A#3D5E5D#3F5960#415463#434F66#454969#48436D
#3B6756#3E615A#405A5D#435461#464D65#494768#4C3F6D
#3B6D50#3E6555#425D59#45555E#484D63#4C4567#503B6D

Colorpallet from #3B506D to #3B6D50 and to #506D3B
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3B5568#3B5568#3C5567#3C5567#3D5566#3D5566#3E5565
#3B5964#3C5963#3D5962#3E5961#3F5960#41595E#42595D
#3B5E5F#3D5E5D#3E5E5C#405E5A#415E59#435E57#455E55
#3B635A#3D6358#3F6356#416354#436352#456350#48634D
#3B6756#3E6753#406751#43674E#46674B#496748#4C6745
#3B6D50#3E6D4D#426D49#456D46#486D43#4C6D3F#506D3B

Colorpallet from #3B506D to #3B6D50 and to #6D3B50
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3B5568#3C5468#3E5268#3F5168#405068#414F68#434D68
#3B5964#3E5664#405464#435164#454F64#484C64#4B4964
#3B5E5F#3F5A5F#43565F#47525F#4A4F5F#4E4B5F#53465F
#3B635A#405E5A#45595A#4A545A#4F4F5A#55495A#5B435A
#3B6756#416156#485A56#4E5456#554D56#5B4756#633F56
#3B6D50#436550#4B5D50#535550#5B4D50#634550#6D3B50

Colorpallet from #3B506D to #3B6D50 and to #6D503B
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3B5568#3C5468#3E5367#3F5367#405266#415166#435065
#3B5964#3E5863#405662#435561#455360#48525E#4B505D
#3B5E5F#3F5C5D#435A5C#47575A#4A5559#4E5357#535055
#3B635A#406058#455D56#4A5A54#4F5752#555450#5B504D
#3B6756#416353#486051#4E5C4E#55584B#5B5548#635045
#3B6D50#43684D#4B6449#535F46#5B5A43#63563F#6D503B

Colorpallet from #3B506D to #503B6D and to #506D3B
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3E4D6D#3E4E6C#3E506A#3E5169#3E5268#3E5367#3E5565
#42496D#424C6A#424E68#425165#425363#425660#42595D
#45466D#454A69#454E65#455261#45555E#45595A#455E55
#48436D#484868#484D63#48525E#485759#485D53#48634D
#4C3F6D#4C4567#4C4C60#4C525A#4C5953#4C5F4D#4C6745
#503B6D#504365#504B5D#505355#505B4D#506345#506D3B

Colorpallet from #3B506D to #503B6D and to #6D3B50
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3E4D6D#3F4D6C#404D6B#404D6B#414D6A#424D69#434D68
#42496D#43496C#45496A#464969#484967#494966#4B4964
#45466D#47466B#494669#4C4666#4E4664#504662#53465F
#48436D#4B436A#4E4367#514364#544361#57435E#5B435A
#4C3F6D#503F69#533F66#573F62#5B3F5E#5E3F5B#633F56
#503B6D#553B68#593B64#5E3B5F#633B5A#673B56#6D3B50

Colorpallet from #3B506D to #503B6D and to #6D503B
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3E4D6D#3F4D6C#404E6A#404E69#414F68#424F67#435065
#42496D#434A6A#454B68#464C65#484D63#494F60#4B505D
#45466D#474869#494965#4C4B61#4E4C5E#504E5A#535055
#48436D#4B4568#4E4763#51495E#544B59#574D53#5B504D
#4C3F6D#504267#534460#57475A#5B4A53#5E4D4D#635045
#503B6D#553E65#59425D#5E4555#63484D#674C45#6D503B

Colorpallet from #3B506D to #506D3B and to #6D3B50
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3E5565#3F5465#405266#405166#415067#424F67#434D68
#42595D#43565E#45545F#465160#484F61#494C63#4B4964
#455E55#475A57#495658#4C525A#4E4F5B#504B5D#53465F
#48634D#4B5E4F#4E5951#515453#544F55#574957#5B435A
#4C6745#506148#535A4A#57544D#5B4D50#5E4753#633F56
#506D3B#55653E#595D42#5E5545#634D48#67454C#6D3B50

Colorpallet from #3B506D to #506D3B and to #6D503B
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#3E5565#3F5465#405365#405365#415265#425165#435065
#42595D#43585D#45565D#46555D#48535D#49525D#4B505D
#455E55#475C55#495A55#4C5755#4E5555#505355#535055
#48634D#4B604D#4E5D4D#515A4D#54574D#57544D#5B504D
#4C6745#506345#536045#575C45#5B5845#5E5545#635045
#506D3B#55683B#59643B#5E5F3B#635A3B#67563B#6D503B

Colorpallet from #3B506D to #6D3B50 and to #6D503B
#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D#3B506D
#434D68#434D68#434E67#434E67#434F66#434F66#435065
#4B4964#4B4A63#4B4B62#4B4C61#4B4D60#4B4F5E#4B505D
#53465F#53485D#53495C#534B5A#534C59#534E57#535055
#5B435A#5B4558#5B4756#5B4954#5B4B52#5B4D50#5B504D
#633F56#634253#634451#63474E#634A4B#634D48#635045
#6D3B50#6D3E4D#6D4249#6D4546#6D4843#6D4C3F#6D503B