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 #2C4A81 to #2C814A and to #4A2C81
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#2C5378#2D5179#2E4F7B#2E4C7C#2F4A7E#30487F#314581
#2C5C6F#2E5872#2F5375#314F78#324A7B#34467D#364081
#2C6467#2E5E6B#30576F#335173#354A78#37447C#3A3C81
#2C6D5E#2F6464#325C69#35536F#384A74#3B427A#3F3781
#2C7655#306B5C#346063#38556A#3B4A71#3F4078#443281
#2C814A#317353#36665C#3A5864#3F4B6D#443D76#4A2C81

Colorpallet from #2C4A81 to #2C814A and to #4A812C
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#2C5378#2D5377#2E5376#2E5376#2F5375#305374#315373
#2C5C6F#2E5C6E#2F5C6C#315C6B#325C69#345C68#365C66
#2C6467#2E6465#306462#336460#35645D#37645B#3A6458
#2C6D5E#2F6D5B#326D58#356D55#386D52#3B6D4F#3F6D4B
#2C7655#307651#34764D#387649#3B7646#3F7642#44763D
#2C814A#318145#368140#3A813C#3F8137#448132#4A812C

Colorpallet from #2C4A81 to #2C814A and to #812C4A
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#2C5378#2E5178#304F78#334C78#354A78#374878#3A4578
#2C5C6F#30586F#35536F#394F6F#3D4A6F#42466F#47406F
#2C6467#335E67#395767#405167#464A67#4D4467#553C67
#2C6D5E#35645E#3D5C5E#46535E#4F4A5E#57425E#62375E
#2C7655#376B55#426055#4D5555#584A55#624055#703255
#2C814A#3A734A#47664A#55584A#624B4A#703D4A#812C4A

Colorpallet from #2C4A81 to #2C814A and to #814A2C
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#2C5378#2E5277#305076#334F76#354D75#374C74#3A4A73
#2C5C6F#30596E#35566C#39536B#3D5069#424E68#474A66
#2C6467#336065#395C62#405860#46535D#4D4F5B#554A58
#2C6D5E#35675B#3D6258#465C55#4F5752#57514F#624A4B
#2C7655#376F51#42684D#4D6149#585A46#625342#704A3D
#2C814A#3A7845#476F40#55673C#625E37#705532#814A2C

Colorpallet from #2C4A81 to #4A2C81 and to #4A812C
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#314581#31477F#31497D#314C7A#314E78#315076#315373
#364081#36447D#364978#364D74#365270#36566B#365C66
#3A3C81#3A427A#3A4974#3A4F6D#3A5667#3A5C60#3A6458
#3F3781#3F4078#3F4870#3F5167#3F5A5E#3F6256#3F6D4B
#443281#443D76#44486B#445360#445E55#44684B#44763D
#4A2C81#4A3A73#4A4766#4A5558#4A624B#4A703D#4A812C

Colorpallet from #2C4A81 to #4A2C81 and to #812C4A
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#314581#324580#34457E#35457D#37457B#38457A#3A4578
#364081#39407E#3B407B#3E4078#414075#444073#47406F
#3A3C81#3E3C7D#433C79#473C75#4B3C70#503C6C#553C67
#3F3781#45377B#4A3776#503770#55376B#5B3765#62375E
#443281#4B327A#523273#59326C#603265#67325E#703255
#4A2C81#532C78#5C2C6F#642C67#6D2C5E#762C55#812C4A

Colorpallet from #2C4A81 to #4A2C81 and to #814A2C
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#314581#32467F#34477D#35477A#374878#384976#3A4A73
#364081#39427D#3B4378#3E4574#414670#44486B#474A66
#3A3C81#3E3E7A#434074#47436D#4B4567#504760#554A58
#3F3781#453A78#4A3D70#504067#55435E#5B4656#624A4B
#443281#4B3676#523A6B#593E60#604155#67454B#704A3D
#4A2C81#533173#5C3666#643A58#6D3F4B#76443D#814A2C

Colorpallet from #2C4A81 to #4A812C and to #812C4A
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#315373#325174#344F75#354C75#374A76#384877#3A4578
#365C66#395867#3B5369#3E4F6A#414A6C#44466D#47406F
#3A6458#3E5E5A#43575D#47515F#4B4A62#504464#553C67
#3F6D4B#45644E#4A5C51#505354#554A57#5B425A#62375E
#44763D#4B6B41#526045#595549#604A4C#674050#703255
#4A812C#537331#5C6636#64583A#6D4B3F#763D44#812C4A

Colorpallet from #2C4A81 to #4A812C and to #814A2C
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#315373#325273#345073#354F73#374D73#384C73#3A4A73
#365C66#395966#3B5666#3E5366#415066#444E66#474A66
#3A6458#3E6058#435C58#475858#4B5358#504F58#554A58
#3F6D4B#45674B#4A624B#505C4B#55574B#5B514B#624A4B
#44763D#4B6F3D#52683D#59613D#605A3D#67533D#704A3D
#4A812C#53782C#5C6F2C#64672C#6D5E2C#76552C#814A2C

Colorpallet from #2C4A81 to #812C4A and to #814A2C
#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81#2C4A81
#3A4578#3A4677#3A4776#3A4776#3A4875#3A4974#3A4A73
#47406F#47426E#47436C#47456B#474669#474868#474A66
#553C67#553E65#554062#554360#55455D#55475B#554A58
#62375E#623A5B#623D58#624055#624352#62464F#624A4B
#703255#703651#703A4D#703E49#704146#704542#704A3D
#812C4A#813145#813640#813A3C#813F37#814432#814A2C