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 #3D8D50 to #3D508D and to #8D3D50
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#3D835A#3F8358#418257#438255#458154#478152#4A8050
#3D7964#417861#45775E#49765A#4E7557#527454#577350
#3D706D#436F68#496D64#4F6C5F#556A5A#5B6956#636750
#3D6677#456471#4D626B#556064#5E5E5E#665C58#705A50
#3D5C81#475A79#515771#5C5569#665262#70505A#7D4D50
#3D508D#4A4D83#574A79#634770#704466#7D415C#8D3D50

Colorpallet from #3D8D50 to #3D508D and to #8D503D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#3D835A#3F8358#418356#438354#458352#478350#4A834D
#3D7964#417960#45795C#497958#4E7953#52794F#57794A
#3D706D#437067#497061#4F705B#557055#5B704F#637047
#3D6677#45666F#4D6667#55665F#5E6656#66664E#706644
#3D5C81#475C77#515C6D#5C5C62#665C58#705C4E#7D5C41
#3D508D#4A5080#575073#635067#70505A#7D504D#8D503D

Colorpallet from #3D8D50 to #3D508D and to #503D8D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#3D835A#3D835A#3E825A#3E825A#3F815A#3F815A#40805A
#3D7964#3E7864#3F7764#407664#417564#427464#437364
#3D706D#3E6F6D#406D6D#416C6D#436A6D#44696D#46676D
#3D6677#3F6477#416277#436077#455E77#475C77#495A77
#3D5C81#3F5A81#425781#445581#475281#495081#4C4D81
#3D508D#404D8D#434A8D#46478D#49448D#4C418D#503D8D

Colorpallet from #3D8D50 to #3D508D and to #508D3D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#3D835A#3D8558#3E8656#3E8854#3F8952#3F8B50#408D4D
#3D7964#3E7C60#3F7F5C#408358#418653#42894F#438D4A
#3D706D#3E7567#407961#417E5B#438355#44874F#468D47
#3D6677#3F6C6F#417267#43795F#457F56#47854E#498D44
#3D5C81#3F6477#426C6D#447462#477B58#49834E#4C8D41
#3D508D#405A80#436473#466D67#49775A#4C814D#508D3D

Colorpallet from #3D8D50 to #8D3D50 and to #8D503D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#4A8050#4A8050#4A814F#4A814F#4A824E#4A824E#4A834D
#577350#57744F#57754E#57764D#57774C#57784B#57794A
#636750#63684F#636A4D#636B4C#636D4A#636E49#637047
#705A50#705C4E#705E4C#70604A#706248#706446#706644
#7D4D50#7D4F4E#7D524B#7D5449#7D5746#7D5944#7D5C41
#8D3D50#8D404D#8D434A#8D4647#8D4944#8D4C41#8D503D

Colorpallet from #3D8D50 to #8D3D50 and to #503D8D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#4A8050#488052#478053#458055#448056#428058#40805A
#577350#547353#517356#4D735A#4A735D#477360#437364
#636750#5E6755#5A6759#55675E#506763#4C6767#46676D
#705A50#6A5A56#645A5C#5D5A63#575A69#515A6F#495A77
#7D4D50#754D58#6D4D60#654D68#5E4D6F#564D77#4C4D81
#8D3D50#833D5A#793D64#703D6D#663D77#5C3D81#503D8D

Colorpallet from #3D8D50 to #8D3D50 and to #508D3D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#4A8050#488250#47844F#45864F#44884E#428A4E#408D4D
#577350#54774F#517B4E#4D7F4D#4A844C#47884B#438D4A
#636750#5E6D4F#5A734D#55794C#507F4A#4C8549#468D47
#705A50#6A624E#646A4C#5D724A#577B48#518346#498D44
#7D4D50#75574E#6D614B#656C49#5E7646#568044#4C8D41
#8D3D50#834A4D#79574A#706347#667044#5C7D41#508D3D

Colorpallet from #3D8D50 to #8D503D and to #503D8D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#4A834D#48834F#478251#458253#448155#428157#40805A
#57794A#54784E#517752#4D7656#4A755B#47745F#437364
#637047#5E6F4D#5A6D53#556C59#506A5F#4C6965#46676D
#706644#6A644C#646254#5D605C#575E65#515C6D#495A77
#7D5C41#755A4B#6D5755#655560#5E526A#565074#4C4D81
#8D503D#834D4A#794A57#704763#664470#5C417D#503D8D

Colorpallet from #3D8D50 to #8D503D and to #508D3D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#4A834D#48854D#47864D#45884D#44894D#428B4D#408D4D
#57794A#547C4A#517F4A#4D834A#4A864A#47894A#438D4A
#637047#5E7547#5A7947#557E47#508347#4C8747#468D47
#706644#6A6C44#647244#5D7944#577F44#518544#498D44
#7D5C41#756441#6D6C41#657441#5E7B41#568341#4C8D41
#8D503D#835A3D#79643D#706D3D#66773D#5C813D#508D3D

Colorpallet from #3D8D50 to #503D8D and to #508D3D
#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50#3D8D50
#40805A#408258#408456#408654#408852#408A50#408D4D
#437364#437760#437B5C#437F58#438453#43884F#438D4A
#46676D#466D67#467361#46795B#467F55#46854F#468D47
#495A77#49626F#496A67#49725F#497B56#49834E#498D44
#4C4D81#4C5777#4C616D#4C6C62#4C7658#4C804E#4C8D41
#503D8D#504A80#505773#506367#50705A#507D4D#508D3D