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 #3C4F8B to #3C8B4F and to #4F3C8B
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3C5981#3C5783#3D5584#3D5386#3E5187#3E4F89#3F4C8B
#3C6278#3D5E7B#3E5A7E#3F5681#405284#414E87#42498B
#3C6C6E#3D6673#3F6077#405A7C#425481#434E85#45468B
#3C7565#3E6D6B#406571#425D77#44557D#464D83#48438B
#3C7F5B#3E7563#416B6A#436172#46577A#484D81#4B408B
#3C8B4F#3F7E59#427262#45656C#485875#4B4C7F#4F3C8B

Colorpallet from #3C4F8B to #3C8B4F and to #4F8B3C
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3C5981#3C5981#3D5980#3D5980#3E597F#3E597F#3F597E
#3C6278#3D6277#3E6276#3F6275#406274#416273#426272
#3C6C6E#3D6C6D#3F6C6B#406C6A#426C68#436C67#456C65
#3C7565#3E7563#407561#42755F#44755D#46755B#487558
#3C7F5B#3E7F59#417F56#437F54#467F51#487F4F#4B7F4C
#3C8B4F#3F8B4C#428B49#458B46#488B43#4B8B40#4F8B3C

Colorpallet from #3C4F8B to #3C8B4F and to #8B3C4F
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3C5981#3E5781#405581#425381#445181#464F81#494C81
#3C6278#405E78#445A78#485678#4C5278#504E78#554978
#3C6C6E#42666E#48606E#4E5A6E#54546E#5A4E6E#62466E
#3C7565#446D65#4C6565#545D65#5D5565#654D65#6F4365
#3C7F5B#46755B#506B5B#5A615B#64575B#6E4D5B#7B405B
#3C8B4F#497E4F#55724F#62654F#6F584F#7B4C4F#8B3C4F

Colorpallet from #3C4F8B to #3C8B4F and to #8B4F3C
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3C5981#3E5781#405680#425480#44537F#46517F#494F7E
#3C6278#405F77#445C76#485975#4C5674#505373#554F72
#3C6C6E#42676D#48636B#4E5E6A#545968#5A5567#624F65
#3C7565#446F63#4C6961#54635F#5D5D5D#65575B#6F4F58
#3C7F5B#467759#507056#5A6854#646051#6E594F#7B4F4C
#3C8B4F#49814C#557849#626E46#6F6543#7B5B40#8B4F3C

Colorpallet from #3C4F8B to #4F3C8B and to #4F8B3C
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3F4C8B#3F4E89#3F5087#3F5285#3F5483#3F5681#3F597E
#42498B#424D87#425183#42557F#42597B#425D77#426272
#45468B#454C85#45527F#455879#455E73#45646D#456C65
#48438B#484B83#48537B#485B73#48636A#486B62#487558
#4B408B#4B4A81#4B5477#4B5E6D#4B6863#4B7259#4B7F4C
#4F3C8B#4F497E#4F5572#4F6265#4F6F58#4F7B4C#4F8B3C

Colorpallet from #3C4F8B to #4F3C8B and to #8B3C4F
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3F4C8B#414C89#424C88#444C86#454C85#474C83#494C81
#42498B#454988#484985#4B4982#4E497F#51497C#554978
#45468B#4A4686#4E4682#53467D#584678#5C4674#62466E
#48438B#4E4385#54437F#5B4379#614373#67436D#6F4365
#4B408B#534083#5A407C#624074#6A406C#714065#7B405B
#4F3C8B#593C81#623C78#6C3C6E#753C65#7F3C5B#8B3C4F

Colorpallet from #3C4F8B to #4F3C8B and to #8B4F3C
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3F4C8B#414C89#424D87#444D85#454E83#474E81#494F7E
#42498B#454A87#484B83#4B4C7F#4E4D7B#514E77#554F72
#45468B#4A4785#4E497F#534A79#584C73#5C4D6D#624F65
#48438B#4E4583#54477B#5B4973#614B6A#674D62#6F4F58
#4B408B#534281#5A4577#62476D#6A4A63#714C59#7B4F4C
#4F3C8B#593F7E#624272#6C4565#754858#7F4B4C#8B4F3C

Colorpallet from #3C4F8B to #4F8B3C and to #8B3C4F
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3F597E#41577E#42557F#44537F#455180#474F80#494C81
#426272#455E73#485A74#4B5675#4E5276#514E77#554978
#456C65#4A6666#4E6068#535A69#58546B#5C4E6C#62466E
#487558#4E6D5A#54655C#5B5D5E#615560#674D62#6F4365
#4B7F4C#53754E#5A6B51#626153#6A5756#714D58#7B405B
#4F8B3C#597E3F#627242#6C6545#755848#7F4C4B#8B3C4F

Colorpallet from #3C4F8B to #4F8B3C and to #8B4F3C
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#3F597E#41577E#42567E#44547E#45537E#47517E#494F7E
#426272#455F72#485C72#4B5972#4E5672#515372#554F72
#456C65#4A6765#4E6365#535E65#585965#5C5565#624F65
#487558#4E6F58#546958#5B6358#615D58#675758#6F4F58
#4B7F4C#53774C#5A704C#62684C#6A604C#71594C#7B4F4C
#4F8B3C#59813C#62783C#6C6E3C#75653C#7F5B3C#8B4F3C

Colorpallet from #3C4F8B to #8B3C4F and to #8B4F3C
#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B#3C4F8B
#494C81#494C81#494D80#494D80#494E7F#494E7F#494F7E
#554978#554A77#554B76#554C75#554D74#554E73#554F72
#62466E#62476D#62496B#624A6A#624C68#624D67#624F65
#6F4365#6F4563#6F4761#6F495F#6F4B5D#6F4D5B#6F4F58
#7B405B#7B4259#7B4556#7B4754#7B4A51#7B4C4F#7B4F4C
#8B3C4F#8B3F4C#8B4249#8B4546#8B4843#8B4B40#8B4F3C