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 #3C8BA4 to #3CA48B and to #8B3CA4
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#3C8FA0#3E8CA1#408AA1#4287A2#4484A3#4681A3#497EA4
#3C939C#408E9D#44889F#4883A0#4C7EA1#5079A2#5572A4
#3C9798#428F9A#48879C#4E7F9E#5477A0#5A6FA2#6265A4
#3C9B94#449097#4C8699#547B9C#5D709E#6565A1#6F58A4
#3C9F90#469293#508496#5A779A#646A9D#6E5DA0#7B4CA4
#3CA48B#49938F#558393#627297#6F619B#7B519F#8B3CA4

Colorpallet from #3C8BA4 to #3CA48B and to #8BA43C
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#3C8FA0#3E8F9E#408F9C#428F9A#448F98#468F96#498F93
#3C939C#409398#449394#489390#4C938C#509388#559383
#3C9798#429792#48978C#4E9786#549780#5A977A#629772
#3C9B94#449B8C#4C9B84#549B7C#5D9B73#659B6B#6F9B61
#3C9F90#469F86#509F7C#5A9F72#649F68#6E9F5E#7B9F51
#3CA48B#49A47E#55A472#62A465#6FA458#7BA44C#8BA43C

Colorpallet from #3C8BA4 to #3CA48B and to #A43C8B
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#3C8FA0#3F8CA0#418AA0#4487A0#4784A0#4A81A0#4D7EA0
#3C939C#418E9C#47889C#4C839C#517E9C#56799C#5D729C
#3C9798#448F98#4C8798#547F98#5C7798#646F98#6E6598
#3C9B94#479094#518694#5C7B94#677094#726594#7F5894
#3C9F90#499290#578490#647790#716A90#7E5D90#8F4C90
#3CA48B#4D938B#5D838B#6E728B#7F618B#8F518B#A43C8B

Colorpallet from #3C8BA4 to #3CA48B and to #A48B3C
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#3C8FA0#3F8E9E#418E9C#448D9A#478C98#4A8C96#4D8B93
#3C939C#419298#479094#4C8F90#518E8C#568D88#5D8B83
#3C9798#449592#4C938C#549186#5C8F80#648D7A#6E8B72
#3C9B94#47988C#519684#5C937C#679173#728E6B#7F8B61
#3C9F90#499C86#57997C#649572#719268#7E8F5E#8F8B51
#3CA48B#4DA07E#5D9C72#6E9865#7F9458#8F904C#A48B3C

Colorpallet from #3C8BA4 to #8B3CA4 and to #8BA43C
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#497EA4#4981A1#49839F#49869C#498999#498C96#498F93
#5572A4#55779F#557D99#558294#55878F#558C8A#559383
#6265A4#626D9C#627594#627D8C#628584#628D7C#629772
#6F58A4#6F6399#6F6D8F#6F7884#6F8379#6F8E6E#6F9B61
#7B4CA4#7B5997#7B6789#7B747C#7B816F#7B8E62#7B9F51
#8B3CA4#8B4D93#8B5D83#8B6E72#8B7F61#8B8F51#8BA43C

Colorpallet from #3C8BA4 to #8B3CA4 and to #A43C8B
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#497EA4#4A7EA3#4A7EA3#4B7EA2#4C7EA1#4C7EA1#4D7EA0
#5572A4#5672A3#5872A1#5972A0#5A729F#5B729E#5D729C
#6265A4#6465A2#6665A0#68659E#6A659C#6C659A#6E6598
#6F58A4#7258A1#74589F#77589C#79589A#7C5897#7F5894
#7B4CA4#7E4CA1#814C9E#854C9A#884C97#8B4C94#8F4C90
#8B3CA4#8F3CA0#933C9C#973C98#9B3C94#9F3C90#A43C8B

Colorpallet from #3C8BA4 to #8B3CA4 and to #A48B3C
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#497EA4#4A80A1#4A829F#4B849C#4C8699#4C8896#4D8B93
#5572A4#56769F#587A99#597E94#5A828F#5B868A#5D8B83
#6265A4#646B9C#667194#68778C#6A7D84#6C837C#6E8B72
#6F58A4#726099#74688F#777084#797979#7C816E#7F8B61
#7B4CA4#7E5697#816089#856A7C#88746F#8B7E62#8F8B51
#8B3CA4#8F4993#935583#976272#9B6F61#9F7B51#A48B3C

Colorpallet from #3C8BA4 to #8BA43C and to #A43C8B
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#498F93#4A8C95#4A8A97#4B8799#4C849B#4C819D#4D7EA0
#559383#568E87#58888B#59838F#5A7E93#5B7997#5D729C
#629772#648F78#66877E#687F84#6A778A#6C6F90#6E6598
#6F9B61#729069#748671#777B79#797082#7C658A#7F5894
#7B9F51#7E925B#818465#85776F#886A79#8B5D83#8F4C90
#8BA43C#8F9349#938355#977262#9B616F#9F517B#A43C8B

Colorpallet from #3C8BA4 to #8BA43C and to #A48B3C
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#498F93#4A8E93#4A8E93#4B8D93#4C8C93#4C8C93#4D8B93
#559383#569283#589083#598F83#5A8E83#5B8D83#5D8B83
#629772#649572#669372#689172#6A8F72#6C8D72#6E8B72
#6F9B61#729861#749661#779361#799161#7C8E61#7F8B61
#7B9F51#7E9C51#819951#859551#889251#8B8F51#8F8B51
#8BA43C#8FA03C#939C3C#97983C#9B943C#9F903C#A48B3C

Colorpallet from #3C8BA4 to #A43C8B and to #A48B3C
#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4#3C8BA4
#4D7EA0#4D809E#4D829C#4D849A#4D8698#4D8896#4D8B93
#5D729C#5D7698#5D7A94#5D7E90#5D828C#5D8688#5D8B83
#6E6598#6E6B92#6E718C#6E7786#6E7D80#6E837A#6E8B72
#7F5894#7F608C#7F6884#7F707C#7F7973#7F816B#7F8B61
#8F4C90#8F5686#8F607C#8F6A72#8F7468#8F7E5E#8F8B51
#A43C8B#A4497E#A45572#A46265#A46F58#A47B4C#A48B3C