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 #407C5B to #405B7C and to #7C405B
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#407760#42765F#43755E#45755E#46745D#48735C#4A725B
#407166#437064#466E62#496D61#4C6C5F#4F6B5D#53695B
#406C6B#456A68#496866#4E6663#536461#57625E#5D5F5B
#406770#46646D#4C6269#525F66#585C63#5E595F#66565B
#406275#485E71#4F5B6D#575769#5F5464#665060#704C5B
#405B7C#4A5777#535271#5D4E6C#664A67#704562#7C405B

Colorpallet from #407C5B to #405B7C and to #7C5B40
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#407760#42775F#43775D#45775C#46775A#487759#4A7757
#407166#437163#467160#49715C#4C7159#4F7156#537152
#406C6B#456C66#496C62#4E6C5D#536C58#576C54#5D6C4E
#406770#46676A#4C6764#52675E#586758#5E6752#66674A
#406275#48626D#4F6266#57625E#5F6256#66624F#706245
#405B7C#4A5B72#535B69#5D5B5F#665B56#705B4C#7C5B40

Colorpallet from #407C5B to #405B7C and to #5B407C
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#407760#417660#417560#427560#437460#437360#447260
#407166#417066#436E66#446D66#466C66#476B66#496966
#406C6B#426A6B#44686B#46666B#48646B#4A626B#4D5F6B
#406770#436470#456270#485F70#4B5C70#4E5970#515670
#406275#445E75#475B75#4B5775#4E5475#525075#564C75
#405B7C#44577C#49527C#4D4E7C#514A7C#56457C#5B407C

Colorpallet from #407C5B to #405B7C and to #5B7C40
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#407760#41785F#41795D#42795C#437A5A#437B59#447C57
#407166#417363#437560#44765C#467859#477A56#497C52
#406C6B#426F66#447162#46745D#487658#4A7954#4D7C4E
#406770#436A6A#456E64#48715E#4B7458#4E7852#517C4A
#406275#44666D#476A66#4B6E5E#4E7356#52774F#567C45
#405B7C#446072#496669#4D6B5F#517056#56754C#5B7C40

Colorpallet from #407C5B to #7C405B and to #7C5B40
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#4A725B#4A735A#4A745A#4A7459#4A7558#4A7658#4A7757
#53695B#536A5A#536C58#536D57#536E55#536F54#537152
#5D5F5B#5D6159#5D6357#5D6555#5D6753#5D6951#5D6C4E
#66565B#665958#665B56#665E53#666150#66644D#66674A
#704C5B#705057#705354#705750#705A4D#705E49#706245
#7C405B#7C4457#7C4952#7C4D4E#7C514A#7C5645#7C5B40

Colorpallet from #407C5B to #7C405B and to #5B407C
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#4A725B#49725C#48725D#47725D#46725E#45725F#447260
#53695B#51695D#50695F#4E6960#4D6962#4B6964#496966
#5D5F5B#5A5F5E#585F60#555F63#535F65#505F68#4D5F6B
#66565B#63565E#5F5662#5C5665#595668#55566C#515670
#704C5B#6C4C5F#684C63#644C67#5F4C6C#5B4C70#564C75
#7C405B#774060#714066#6C406B#674070#624075#5B407C

Colorpallet from #407C5B to #7C405B and to #5B7C40
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#4A725B#49745A#48755A#477759#467858#457A58#447C57
#53695B#516C5A#506F58#4E7257#4D7555#4B7854#497C52
#5D5F5B#5A6459#586857#556D55#537253#507651#4D7C4E
#66565B#635C58#5F6256#5C6853#596E50#55744D#517C4A
#704C5B#6C5457#685B54#646350#5F6B4D#5B7249#567C45
#7C405B#774A57#715352#6C5D4E#67664A#627045#5B7C40

Colorpallet from #407C5B to #7C5B40 and to #5B407C
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#4A7757#497658#48755A#47755B#46745D#45735E#447260
#537152#517055#506E58#4E6D5C#4D6C5F#4B6B62#496966
#5D6C4E#5A6A53#586857#55665C#536461#506265#4D5F6B
#66674A#636450#5F6256#5C5F5C#595C62#555968#515670
#706245#6C5E4D#685B54#64575C#5F5464#5B506B#564C75
#7C5B40#77574A#715253#6C4E5D#674A66#624570#5B407C

Colorpallet from #407C5B to #7C5B40 and to #5B7C40
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#4A7757#497857#487957#477957#467A57#457B57#447C57
#537152#517352#507552#4E7652#4D7852#4B7A52#497C52
#5D6C4E#5A6F4E#58714E#55744E#53764E#50794E#4D7C4E
#66674A#636A4A#5F6E4A#5C714A#59744A#55784A#517C4A
#706245#6C6645#686A45#646E45#5F7345#5B7745#567C45
#7C5B40#776040#716640#6C6B40#677040#627540#5B7C40

Colorpallet from #407C5B to #5B407C and to #5B7C40
#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B#407C5B
#447260#44745F#44755D#44775C#44785A#447A59#447C57
#496966#496C63#496F60#49725C#497559#497856#497C52
#4D5F6B#4D6466#4D6862#4D6D5D#4D7258#4D7654#4D7C4E
#515670#515C6A#516264#51685E#516E58#517452#517C4A
#564C75#56546D#565B66#56635E#566B56#56724F#567C45
#5B407C#5B4A72#5B5369#5B5D5F#5B6656#5B704C#5B7C40