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 #3C4BA7 to #3CA74B and to #4B3CA7
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3C5A98#3C579A#3D559D#3D529F#3D4FA2#3E4CA4#3E49A7
#3C688A#3D638F#3E5D93#3E5898#3F529D#404DA1#4146A7
#3C777B#3D6F82#3E6789#3F5F90#405697#424E9E#4344A7
#3C866C#3E7B75#3F707F#416588#425A92#444F9B#4641A7
#3C955D#3E8769#407975#426C81#445E8C#465098#483FA7
#3CA74B#3E965A#418568#437477#466386#485195#4B3CA7

Colorpallet from #3C4BA7 to #3CA74B and to #4BA73C
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3C5A98#3C5A98#3D5A97#3D5A97#3D5A97#3E5A96#3E5A96
#3C688A#3D6889#3E6888#3E6888#3F6887#406886#416885
#3C777B#3D777A#3E7779#3F7778#407777#427775#437774
#3C866C#3E866B#3F8669#418668#428666#448665#468663
#3C955D#3E955B#409559#429557#449555#469553#489551
#3CA74B#3EA749#41A746#43A744#46A741#48A73F#4BA73C

Colorpallet from #3C4BA7 to #3CA74B and to #A73C4B
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3C5A98#3F5798#415598#445298#474F98#4A4C98#4D4998
#3C688A#41638A#475D8A#4C588A#52528A#574D8A#5E468A
#3C777B#446F7B#4C677B#545F7B#5D567B#654E7B#6F447B
#3C866C#477B6C#52706C#5D656C#685A6C#724F6C#80416C
#3C955D#4A875D#58795D#656C5D#735E5D#81505D#923F5D
#3CA74B#4D964B#5E854B#6F744B#80634B#92514B#A73C4B

Colorpallet from #3C4BA7 to #3CA74B and to #A74B3C
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3C5A98#3F5898#415597#445397#475097#4A4E96#4D4B96
#3C688A#416389#475F88#4C5A88#525587#575186#5E4B85
#3C777B#44707A#4C6979#546278#5D5B77#655475#6F4B74
#3C866C#477D6B#527369#5D6A68#686066#725765#804B63
#3C955D#4A895B#587D59#657157#736655#815A53#924B51
#3CA74B#4D9849#5E8A46#6F7B44#806C41#925D3F#A74B3C

Colorpallet from #3C4BA7 to #4B3CA7 and to #4BA73C
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3E49A7#3E4CA4#3E4EA2#3E519F#3E549C#3E5799#3E5A96
#4146A7#414BA2#41519C#415697#415C91#41618C#416885
#4344A7#434C9F#435497#435C8F#436586#436D7E#437774
#4641A7#464C9C#465791#466286#466D7B#467871#468663
#483FA7#484D99#485B8B#48687E#487670#488462#489551
#4B3CA7#4B4D96#4B5E85#4B6F74#4B8063#4B9251#4BA73C

Colorpallet from #3C4BA7 to #4B3CA7 and to #A73C4B
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3E49A7#4049A5#4349A2#4549A0#48499D#4A499B#4D4998
#4146A7#4646A2#4A469E#4F4699#544694#584690#5E468A
#4344A7#4A44A0#514499#584492#5F448B#664484#6F447B
#4641A7#4F419E#594194#62418B#6B4181#744178#80416C
#483FA7#543F9B#603F8F#6C3F83#773F78#833F6C#923F5D
#4B3CA7#5A3C98#683C8A#773C7B#863C6C#953C5D#A73C4B

Colorpallet from #3C4BA7 to #4B3CA7 and to #A74B3C
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3E49A7#4049A4#434AA2#454A9F#484A9C#4A4B99#4D4B96
#4146A7#4647A2#4A489C#4F4897#544991#584A8C#5E4B85
#4344A7#4A459F#514697#58478F#5F4886#664A7E#6F4B74
#4641A7#4F439C#594491#624686#6B477B#744971#804B63
#483FA7#544199#60438B#6C457E#774770#834962#924B51
#4B3CA7#5A3E96#684185#774374#864663#954851#A74B3C

Colorpallet from #3C4BA7 to #4BA73C and to #A73C4B
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3E5A96#405796#435597#455297#484F97#4A4C98#4D4998
#416885#466386#4A5D87#4F5887#545288#584D89#5E468A
#437774#4A6F75#516776#585F77#5F5678#664E7A#6F447B
#468663#4F7B64#597066#626567#6B5A69#744F6A#80416C
#489551#548753#607955#6C6C57#775E59#83505B#923F5D
#4BA73C#5A963E#688541#777443#866346#955148#A73C4B

Colorpallet from #3C4BA7 to #4BA73C and to #A74B3C
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#3E5A96#405896#435596#455396#485096#4A4E96#4D4B96
#416885#466385#4A5F85#4F5A85#545585#585185#5E4B85
#437774#4A7074#516974#586274#5F5B74#665474#6F4B74
#468663#4F7D63#597363#626A63#6B6063#745763#804B63
#489551#548951#607D51#6C7151#776651#835A51#924B51
#4BA73C#5A983C#688A3C#777B3C#866C3C#955D3C#A74B3C

Colorpallet from #3C4BA7 to #A73C4B and to #A74B3C
#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7#3C4BA7
#4D4998#4D4998#4D4A97#4D4A97#4D4A97#4D4B96#4D4B96
#5E468A#5E4789#5E4888#5E4888#5E4987#5E4A86#5E4B85
#6F447B#6F457A#6F4679#6F4778#6F4877#6F4A75#6F4B74
#80416C#80436B#804469#804668#804766#804965#804B63
#923F5D#92415B#924359#924557#924755#924953#924B51
#A73C4B#A73E49#A74146#A74344#A74641#A7483F#A74B3C