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 #3D4A8C to #3D8C4A and to #4A3D8C
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3D5581#3D5383#3E5185#3E4F86#3E4D88#3F4B8A#3F488C
#3D5F77#3E5B7A#3E577E#3F5381#404F84#404B88#41468C
#3D6A6C#3E6471#3F5E76#40587B#415280#424C86#43448C
#3D7462#3E6C69#40646F#415C76#42547D#434C84#45428C
#3D7F57#3F755F#406B68#426170#435779#454D81#47408C
#3D8C4A#3F7F55#41735F#43666A#455974#474D7F#4A3D8C

Colorpallet from #3D4A8C to #3D8C4A and to #4A8C3D
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3D5581#3D5581#3E5580#3E5580#3E5580#3F557F#3F557F
#3D5F77#3E5F76#3E5F76#3F5F75#405F74#405F74#415F73
#3D6A6C#3E6A6B#3F6A6A#406A69#416A68#426A67#436A66
#3D7462#3E7461#40745F#41745E#42745C#43745B#457459
#3D7F57#3F7F55#407F54#427F52#437F51#457F4F#477F4D
#3D8C4A#3F8C48#418C46#438C44#458C42#478C40#4A8C3D

Colorpallet from #3D4A8C to #3D8C4A and to #8C3D4A
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3D5581#3F5381#415181#434F81#454D81#474B81#4A4881
#3D5F77#415B77#455777#495377#4D4F77#514B77#564677
#3D6A6C#43646C#495E6C#4F586C#55526C#5B4C6C#63446C
#3D7462#456C62#4D6462#555C62#5E5462#664C62#704262
#3D7F57#477557#516B57#5B6157#655757#6F4D57#7C4057
#3D8C4A#4A7F4A#56734A#63664A#70594A#7C4D4A#8C3D4A

Colorpallet from #3D4A8C to #3D8C4A and to #8C4A3D
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3D5581#3F5381#415180#435080#454E80#474C7F#4A4A7F
#3D5F77#415C76#455876#495575#4D5274#514E74#564A73
#3D6A6C#43656B#49606A#4F5B69#555668#5B5067#634A66
#3D7462#456D61#4D675F#55605E#5E595C#66525B#704A59
#3D7F57#477755#516E54#5B6652#655D51#6F554F#7C4A4D
#3D8C4A#4A8148#567746#636C44#706242#7C5740#8C4A3D

Colorpallet from #3D4A8C to #4A3D8C and to #4A8C3D
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3F488C#3F4A8A#3F4C88#3F4E86#3F5084#3F5282#3F557F
#41468C#414A88#414E84#415280#41567C#415A78#415F73
#43448C#434A86#435080#43567A#435C74#43626E#436A66
#45428C#454A84#45527C#455A74#45626B#456A63#457459
#47408C#474A82#475478#475E6E#476864#47725A#477F4D
#4A3D8C#4A4A7F#4A5673#4A6366#4A7059#4A7C4D#4A8C3D

Colorpallet from #3D4A8C to #4A3D8C and to #8C3D4A
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3F488C#41488A#434888#444887#464885#484883#4A4881
#41468C#444689#484685#4B4682#4E467F#52467B#564677
#43448C#484487#4D4482#52447D#574478#5D4472#63446C
#45428C#4C4285#53427F#5A4278#614271#67426A#704262
#47408C#4F4084#58407B#604073#69406A#714062#7C4057
#4A3D8C#553D81#5F3D77#6A3D6C#743D62#7F3D57#8C3D4A

Colorpallet from #3D4A8C to #4A3D8C and to #8C4A3D
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3F488C#41488A#434988#444986#464984#484A82#4A4A7F
#41468C#444788#484784#4B4880#4E497C#524978#564A73
#43448C#484586#4D4680#52477A#574874#5D496E#634A66
#45428C#4C4384#53457C#5A4674#61476B#674863#704A59
#47408C#4F4282#584378#60456E#694664#71485A#7C4A4D
#4A3D8C#553F7F#5F4173#6A4366#744559#7F474D#8C4A3D

Colorpallet from #3D4A8C to #4A8C3D and to #8C3D4A
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3F557F#41537F#435180#444F80#464D80#484B81#4A4881
#415F73#445B74#485774#4B5375#4E4F76#524B76#564677
#436A66#486467#4D5E68#525869#57526A#5D4C6B#63446C
#457459#4C6C5A#53645C#5A5C5D#61545F#674C60#704262
#477F4D#4F754F#586B50#606152#695753#714D55#7C4057
#4A8C3D#557F3F#5F7341#6A6643#745945#7F4D47#8C3D4A

Colorpallet from #3D4A8C to #4A8C3D and to #8C4A3D
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#3F557F#41537F#43517F#44507F#464E7F#484C7F#4A4A7F
#415F73#445C73#485873#4B5573#4E5273#524E73#564A73
#436A66#486566#4D6066#525B66#575666#5D5066#634A66
#457459#4C6D59#536759#5A6059#615959#675259#704A59
#477F4D#4F774D#586E4D#60664D#695D4D#71554D#7C4A4D
#4A8C3D#55813D#5F773D#6A6C3D#74623D#7F573D#8C4A3D

Colorpallet from #3D4A8C to #8C3D4A and to #8C4A3D
#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C#3D4A8C
#4A4881#4A4881#4A4980#4A4980#4A4980#4A4A7F#4A4A7F
#564677#564776#564776#564875#564974#564974#564A73
#63446C#63456B#63466A#634769#634868#634967#634A66
#704262#704361#70455F#70465E#70475C#70485B#704A59
#7C4057#7C4255#7C4354#7C4552#7C4651#7C484F#7C4A4D
#8C3D4A#8C3F48#8C4146#8C4344#8C4542#8C4740#8C4A3D