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 #3C8C80 to #3C808C and to #8C3C80
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#3C8A82#3E8882#408681#428581#448381#468180#497F80
#3C8884#408483#448183#487D82#4D7A81#517681#567280
#3C8686#428185#487C84#4E7783#547282#5A6C81#626680
#3C8488#447D87#4C7685#546F84#5D6883#656282#6F5980
#3C828A#467988#507187#5B6885#655F84#6F5782#7C4C80
#3C808C#49758A#566A88#625F86#6F5484#7C4A82#8C3C80

Colorpallet from #3C8C80 to #3C808C and to #8C803C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#3C8A82#3E8A80#408A7E#428A7C#448A7A#468A78#498A75
#3C8884#408880#44887C#488878#4D8873#51886F#56886A
#3C8686#428680#48867A#4E8673#54866D#5A8667#62865F
#3C8488#448480#4C8477#54846F#5D8467#65845E#6F8454
#3C828A#468280#508276#5B826B#658261#6F8257#7C824A
#3C808C#49807F#568072#628066#6F8059#7C804C#8C803C

Colorpallet from #3C8C80 to #3C808C and to #803C8C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#3C8A82#3E8882#408682#418582#438382#458182#477F82
#3C8884#408484#438184#477D84#4A7A84#4E7684#527284
#3C8686#418186#477C86#4C7786#517286#566C86#5D6686
#3C8488#437D88#4A7688#516F88#586888#5F6288#685988
#3C828A#45798A#4D718A#56688A#5F5F8A#67578A#724C8A
#3C808C#47758C#526A8C#5D5F8C#68548C#724A8C#803C8C

Colorpallet from #3C8C80 to #3C808C and to #808C3C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#3C8A82#3E8A80#408B7E#418B7C#438B7A#458C78#478C75
#3C8884#408980#43897C#478A78#4A8B73#4E8B6F#528C6A
#3C8686#418780#47887A#4C8973#518A6D#568B67#5D8C5F
#3C8488#438580#4A8777#51886F#588967#5F8A5E#688C54
#3C828A#458480#4D8576#56876B#5F8861#678A57#728C4A
#3C808C#47827F#528472#5D8666#688859#728A4C#808C3C

Colorpallet from #3C8C80 to #8C3C80 and to #8C803C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#497F80#49817E#49837C#49847B#498679#498877#498A75
#567280#56767C#567979#567D75#568072#56846E#56886A
#626680#626B7B#627075#627570#627A6B#628066#62865F
#6F5980#6F6079#6F6772#6F6E6B#6F7564#6F7B5D#6F8454
#7C4C80#7C5577#7C5D6F#7C6666#7C6F5D#7C7755#7C824A
#8C3C80#8C4775#8C526A#8C5D5F#8C6854#8C724A#8C803C

Colorpallet from #3C8C80 to #8C3C80 and to #803C8C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#497F80#497F80#487F81#487F81#487F81#477F82#477F82
#567280#557281#557281#547282#537283#537283#527284
#626680#616681#606682#606683#5F6684#5E6685#5D6686
#6F5980#6E5981#6D5983#6C5984#6B5985#695986#685988
#7C4C80#7A4C82#794C83#774C85#764C86#744C88#724C8A
#8C3C80#8A3C82#883C84#863C86#843C88#823C8A#803C8C

Colorpallet from #3C8C80 to #8C3C80 and to #808C3C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#497F80#49817E#48837C#48857B#488779#478977#478C75
#567280#55767C#557A79#547E75#538372#53876E#528C6A
#626680#616C7B#607275#607870#5F7E6B#5E8466#5D8C5F
#6F5980#6E6179#6D6972#6C716B#6B7A64#69825D#688C54
#7C4C80#7A5677#79606F#776B66#76755D#747F55#728C4A
#8C3C80#8A4975#88566A#86625F#846F54#827C4A#808C3C

Colorpallet from #3C8C80 to #8C803C and to #803C8C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#498A75#498877#488679#48857B#48837D#47817F#477F82
#56886A#55846E#558172#547D76#537A7B#53767F#527284
#62865F#618165#607C6B#607772#5F7278#5E6C7E#5D6686
#6F8454#6E7D5C#6D7665#6C6F6D#6B6875#69627E#685988
#7C824A#7A7954#79715E#776869#765F73#74577D#724C8A
#8C803C#8A7549#886A56#865F62#84546F#824A7C#803C8C

Colorpallet from #3C8C80 to #8C803C and to #808C3C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#498A75#498A75#488B75#488B75#488B75#478C75#478C75
#56886A#55896A#55896A#548A6A#538B6A#538B6A#528C6A
#62865F#61875F#60885F#60895F#5F8A5F#5E8B5F#5D8C5F
#6F8454#6E8554#6D8754#6C8854#6B8954#698A54#688C54
#7C824A#7A844A#79854A#77874A#76884A#748A4A#728C4A
#8C803C#8A823C#88843C#86863C#84883C#828A3C#808C3C

Colorpallet from #3C8C80 to #803C8C and to #808C3C
#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80#3C8C80
#477F82#478180#47837E#47857C#47877A#478978#478C75
#527284#527680#527A7C#527E78#528373#52876F#528C6A
#5D6686#5D6C80#5D727A#5D7873#5D7E6D#5D8467#5D8C5F
#685988#686180#686977#68716F#687A67#68825E#688C54
#724C8A#725680#726076#726B6B#727561#727F57#728C4A
#803C8C#80497F#805672#806266#806F59#807C4C#808C3C