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 #3C4A8D to #3C8D4A and to #4A3C8D
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3C5582#3C5384#3D5186#3D4F87#3D4D89#3E4B8B#3E488D
#3C5F78#3D5B7B#3D577F#3E5382#3F4F85#3F4B89#40468D
#3C6A6D#3D6472#3E5E77#3F577C#405181#424B87#43438D
#3C7562#3D6D69#3F6470#405C77#42547E#434B84#45418D
#3C8057#3E7660#406B68#416171#43567A#454C82#473F8D
#3C8D4A#3E8055#40735F#43666A#455975#474C80#4A3C8D

Colorpallet from #3C4A8D to #3C8D4A and to #4A8D3C
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3C5582#3C5582#3D5581#3D5581#3D5581#3E5580#3E5580
#3C5F78#3D5F77#3D5F76#3E5F76#3F5F75#3F5F74#405F73
#3C6A6D#3D6A6C#3E6A6B#3F6A6A#406A69#426A67#436A66
#3C7562#3D7561#3F755F#40755E#42755C#43755B#457559
#3C8057#3E8055#408053#418052#438050#45804E#47804C
#3C8D4A#3E8D48#408D46#438D43#458D41#478D3F#4A8D3C

Colorpallet from #3C4A8D to #3C8D4A and to #8D3C4A
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3C5582#3E5382#405182#424F82#444D82#464B82#494882
#3C5F78#405B78#445778#485378#4D4F78#514B78#564678
#3C6A6D#42646D#485E6D#4F576D#55516D#5B4B6D#63436D
#3C7562#446D62#4D6462#555C62#5D5462#664B62#704162
#3C8057#467657#516B57#5B6157#665657#704C57#7D3F57
#3C8D4A#49804A#56734A#63664A#70594A#7D4C4A#8D3C4A

Colorpallet from #3C4A8D to #3C8D4A and to #8D4A3C
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3C5582#3E5382#405181#425081#444E81#464C80#494A80
#3C5F78#405C77#445876#485576#4D5275#514E74#564A73
#3C6A6D#42656C#48606B#4F5B6A#555669#5B5067#634A66
#3C7562#446E61#4D675F#55605E#5D595C#66535B#704A59
#3C8057#467755#516F53#5B6652#665D50#70554E#7D4A4C
#3C8D4A#498248#567846#636D43#706241#7D573F#8D4A3C

Colorpallet from #3C4A8D to #4A3C8D and to #4A8D3C
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3E488D#3E4A8B#3E4C89#3E4E87#3E5085#3E5283#3E5580
#40468D#404A89#404E85#405281#40567C#405A78#405F73
#43438D#434987#434F81#43567A#435C74#43626E#436A66
#45418D#454985#45527C#455A74#45626C#456B63#457559
#473F8D#474983#475478#475E6E#476963#477359#47804C
#4A3C8D#4A4980#4A5673#4A6366#4A7059#4A7D4C#4A8D3C

Colorpallet from #3C4A8D to #4A3C8D and to #8D3C4A
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3E488D#40488B#424889#434888#454886#474884#494882
#40468D#44468A#474686#4B4683#4E4680#52467C#564678
#43438D#484388#4D4383#52437E#574379#5D4373#63436D
#45418D#4C4186#53417F#5A4178#614171#67416B#704162
#473F8D#503F84#583F7C#613F73#6A3F6A#723F62#7D3F57
#4A3C8D#553C82#5F3C78#6A3C6D#753C62#803C57#8D3C4A

Colorpallet from #3C4A8D to #4A3C8D and to #8D4A3C
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3E488D#40488B#424989#434987#454985#474A83#494A80
#40468D#444789#474785#4B4881#4E497C#524978#564A73
#43438D#484487#4D4581#52467A#574774#5D496E#634A66
#45418D#4C4285#53447C#5A4574#61476C#674863#704A59
#473F8D#504183#584378#61446E#6A4663#724859#7D4A4C
#4A3C8D#553E80#5F4073#6A4366#754559#80474C#8D4A3C

Colorpallet from #3C4A8D to #4A8D3C and to #8D3C4A
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3E5580#405380#425181#434F81#454D81#474B82#494882
#405F73#445B74#475775#4B5375#4E4F76#524B77#564678
#436A66#486467#4D5E68#525769#57516A#5D4B6C#63436D
#457559#4C6D5A#53645C#5A5C5D#61545F#674B60#704162
#47804C#50764E#586B50#616151#6A5653#724C55#7D3F57
#4A8D3C#55803E#5F7340#6A6643#755945#804C47#8D3C4A

Colorpallet from #3C4A8D to #4A8D3C and to #8D4A3C
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#3E5580#405380#425180#435080#454E80#474C80#494A80
#405F73#445C73#475873#4B5573#4E5273#524E73#564A73
#436A66#486566#4D6066#525B66#575666#5D5066#634A66
#457559#4C6E59#536759#5A6059#615959#675359#704A59
#47804C#50774C#586F4C#61664C#6A5D4C#72554C#7D4A4C
#4A8D3C#55823C#5F783C#6A6D3C#75623C#80573C#8D4A3C

Colorpallet from #3C4A8D to #8D3C4A and to #8D4A3C
#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D#3C4A8D
#494882#494882#494981#494981#494981#494A80#494A80
#564678#564777#564776#564876#564975#564974#564A73
#63436D#63446C#63456B#63466A#634769#634967#634A66
#704162#704261#70445F#70455E#70475C#70485B#704A59
#7D3F57#7D4155#7D4353#7D4452#7D4650#7D484E#7D4A4C
#8D3C4A#8D3E48#8D4046#8D4343#8D4541#8D473F#8D4A3C