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 #3B8C51 to #3B518C and to #8C3B51
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#3B835A#3D8259#3F8257#418156#438054#458053#487F51
#3B7964#3F7861#43775E#47765B#4C7558#507355#557251
#3B706D#416E69#476C64#4E6B60#54695B#5A6757#626551
#3B6677#436471#4C626B#545F65#5C5D5F#655B59#6F5851
#3B5D80#455A78#505771#5A5469#655162#6F4F5A#7C4B51
#3B518C#484D83#554A79#624670#6F4366#7C3F5D#8C3B51

Colorpallet from #3B8C51 to #3B518C and to #8C513B
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#3B835A#3D8358#3F8356#418354#438352#458350#48834D
#3B7964#3F7960#43795C#477958#4C7953#50794F#55794A
#3B706D#417067#477061#4E705A#547054#5A704E#627046
#3B6677#43666F#4C6666#54665E#5C6656#65664D#6F6643
#3B5D80#455D76#505D6B#5A5D61#655D56#6F5D4C#7C5D3F
#3B518C#48517F#555172#625165#6F5158#7C514B#8C513B

Colorpallet from #3B8C51 to #3B518C and to #513B8C
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#3B835A#3C825A#3C825A#3D815A#3E805A#3E805A#3F7F5A
#3B7964#3C7864#3D7764#3E7664#3F7564#417364#427264
#3B706D#3D6E6D#3F6C6D#406B6D#42696D#44676D#46656D
#3B6677#3D6477#3F6277#425F77#445D77#465B77#495877
#3B5D80#3E5A80#415780#445480#475180#494F80#4D4B80
#3B518C#3F4D8C#424A8C#46468C#49438C#4D3F8C#513B8C

Colorpallet from #3B8C51 to #3B518C and to #518C3B
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#3B835A#3C8458#3C8656#3D8754#3E8952#3E8A50#3F8C4D
#3B7964#3C7C60#3D7F5C#3E8258#3F8553#41884F#428C4A
#3B706D#3D7467#3F7961#407D5A#428254#44864E#468C46
#3B6677#3D6C6F#3F7266#42785E#447E56#46844D#498C43
#3B5D80#3E6576#416C6B#447461#477B56#49834C#4D8C3F
#3B518C#3F5A7F#426472#466D65#497758#4D804B#518C3B

Colorpallet from #3B8C51 to #8C3B51 and to #8C513B
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#487F51#488050#488050#48814F#48824E#48824E#48834D
#557251#557350#55744F#55754E#55764D#55784B#55794A
#626551#62674F#62694D#626A4C#626C4A#626E48#627046
#6F5851#6F5A4F#6F5C4D#6F5F4A#6F6148#6F6346#6F6643
#7C4B51#7C4E4E#7C514B#7C5448#7C5745#7C5943#7C5D3F
#8C3B51#8C3F4D#8C424A#8C4646#8C4943#8C4D3F#8C513B

Colorpallet from #3B8C51 to #8C3B51 and to #513B8C
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#487F51#477F52#457F54#447F55#427F57#417F58#3F7F5A
#557251#527254#4F7257#4C725A#49725D#467260#427264
#626551#5E6555#59655A#55655E#506563#4C6567#46656D
#6F5851#695857#63585D#5D5863#575869#51586F#495877
#7C4B51#744B59#6D4B60#654B68#5E4B6F#564B77#4D4B80
#8C3B51#833B5A#793B64#703B6D#663B77#5D3B80#513B8C

Colorpallet from #3B8C51 to #8C3B51 and to #518C3B
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#487F51#478150#458350#44854F#42874E#41894E#3F8C4D
#557251#527650#4F7A4F#4C7E4E#49834D#46874B#428C4A
#626551#5E6B4F#59714D#55784C#507E4A#4C8448#468C46
#6F5851#69604F#63694D#5D714A#577948#518246#498C43
#7C4B51#74554E#6D604B#656A48#5E7545#567F43#4D8C3F
#8C3B51#83484D#79554A#706246#666F43#5D7C3F#518C3B

Colorpallet from #3B8C51 to #8C513B and to #513B8C
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#48834D#47824F#458251#448153#428055#418057#3F7F5A
#55794A#52784E#4F7752#4C7656#49755B#46735F#427264
#627046#5E6E4C#596C52#556B59#50695F#4C6765#46656D
#6F6643#69644B#636254#5D5F5C#575D64#515B6D#495877
#7C5D3F#745A49#6D5754#65545E#5E5169#564F73#4D4B80
#8C513B#834D48#794A55#704662#66436F#5D3F7C#513B8C

Colorpallet from #3B8C51 to #8C513B and to #518C3B
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#48834D#47844D#45864D#44874D#42894D#418A4D#3F8C4D
#55794A#527C4A#4F7F4A#4C824A#49854A#46884A#428C4A
#627046#5E7446#597946#557D46#508246#4C8646#468C46
#6F6643#696C43#637243#5D7843#577E43#518443#498C43
#7C5D3F#74653F#6D6C3F#65743F#5E7B3F#56833F#4D8C3F
#8C513B#835A3B#79643B#706D3B#66773B#5D803B#518C3B

Colorpallet from #3B8C51 to #513B8C and to #518C3B
#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51#3B8C51
#3F7F5A#3F8158#3F8356#3F8554#3F8752#3F8950#3F8C4D
#427264#427660#427A5C#427E58#428353#42874F#428C4A
#46656D#466B67#467161#46785A#467E54#46844E#468C46
#495877#49606F#496966#49715E#497956#49824D#498C43
#4D4B80#4D5576#4D606B#4D6A61#4D7556#4D7F4C#4D8C3F
#513B8C#51487F#515572#516265#516F58#517C4B#518C3B