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 #5D8157 to #5D5781 and to #815D57
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#5D7A5E#5E7A5D#5F7A5C#607A5B#617B5A#627B58#637B57
#5D7464#5F7462#617460#63745E#65755C#67755A#697557
#5D6D6B#606D68#626E65#656E61#686F5E#6B6F5B#6E7057
#5D6672#61676E#646769#686865#6C6961#6F695C#746A57
#5D5F79#626074#66616E#6B6169#706263#74635E#7A6457
#5D5781#63587A#695974#6E5A6D#745B66#7A5C5F#815D57

Colorpallet from #5D8157 to #5D5781 and to #81575D
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#5D7A5E#5E7A5D#5F7A5C#607A5B#617A5A#627A59#637A58
#5D7464#5F7462#617460#63745F#65745D#67745B#697459
#5D6D6B#606D68#626D66#656D63#686D60#6B6D5D#6E6D5A
#5D6672#61666E#64666B#686667#6C6663#6F6660#74665B
#5D5F79#625F74#665F70#6B5F6B#705F66#745F62#7A5F5C
#5D5781#63577B#695775#6E5770#74576A#7A5764#81575D

Colorpallet from #5D8157 to #5D5781 and to #575D81
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#5D7A5E#5D7A5E#5D7A5E#5D7A5E#5C7B5E#5C7B5E#5C7B5E
#5D7464#5D7464#5C7464#5C7464#5C7564#5B7564#5B7564
#5D6D6B#5D6D6B#5C6E6B#5C6E6B#5B6F6B#5B6F6B#5A706B
#5D6672#5C6772#5C6772#5B6872#5A6972#5A6972#596A72
#5D5F79#5C6079#5B6179#5B6179#5A6279#596379#586479
#5D5781#5C5881#5B5981#5A5A81#595B81#585C81#575D81

Colorpallet from #5D8157 to #5D5781 and to #57815D
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#5D7A5E#5D7B5D#5D7C5C#5D7D5B#5C7E5A#5C8059#5C8158
#5D7464#5D7662#5C7860#5C7A5F#5C7C5D#5B7E5B#5B8159
#5D6D6B#5D7068#5C7366#5C7763#5B7A60#5B7D5D#5A815A
#5D6672#5C6A6E#5C6F6B#5B7367#5A7763#5A7C60#59815B
#5D5F79#5C6474#5B6A70#5B6F6B#5A7566#597A62#58815C
#5D5781#5C5E7B#5B6475#5A6B70#59726A#587964#57815D

Colorpallet from #5D8157 to #815D57 and to #81575D
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#637B57#637B57#637B57#637B57#637A58#637A58#637A58
#697557#697557#697558#697558#697458#697459#697459
#6E7057#6E7057#6E6F58#6E6F58#6E6E59#6E6E59#6E6D5A
#746A57#746958#746958#746859#74675A#74675A#74665B
#7A6457#7A6358#7A6259#7A6259#7A615A#7A605B#7A5F5C
#815D57#815C58#815B59#815A5A#81595B#81585C#81575D

Colorpallet from #5D8157 to #815D57 and to #575D81
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#637B57#627B58#617B59#607B5A#5F7B5B#5D7B5D#5C7B5E
#697557#677559#65755B#62755D#60755F#5E7561#5B7564
#6E7057#6B705A#68705D#647061#617064#5E7067#5A706B
#746A57#706A5B#6B6A60#676A64#636A68#5E6A6D#596A72
#7A6457#75645C#6F6462#6A6467#64646D#5F6472#586479
#815D57#7A5D5E#745D64#6D5D6B#665D72#5F5D79#575D81

Colorpallet from #5D8157 to #815D57 and to #57815D
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#637B57#627C57#617D57#607E57#5F7F58#5D8058#5C8158
#697557#677757#657958#627B58#607D58#5E7F59#5B8159
#6E7057#6B7357#687558#647858#617B59#5E7E59#5A815A
#746A57#706E58#6B7158#677559#63795A#5E7C5A#59815B
#7A6457#756958#6F6D59#6A7259#64775A#5F7B5B#58815C
#815D57#7A6358#746959#6D6E5A#66745B#5F7A5C#57815D

Colorpallet from #5D8157 to #81575D and to #575D81
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#637A58#627A59#617A5A#607A5B#5F7B5C#5D7B5D#5C7B5E
#697459#67745B#65745D#62745E#607560#5E7562#5B7564
#6E6D5A#6B6D5D#686E5F#646E62#616F65#5E6F68#5A706B
#74665B#70675F#6B6762#676866#63696A#5E696D#596A72
#7A5F5C#756061#6F6165#6A616A#64626F#5F6373#586479
#81575D#7A5863#745969#6D5A6E#665B74#5F5C7A#575D81

Colorpallet from #5D8157 to #81575D and to #57815D
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#637A58#627B58#617C58#607D58#5F7E58#5D8058#5C8158
#697459#677659#657859#627A59#607C59#5E7E59#5B8159
#6E6D5A#6B705A#68735A#64775A#617A5A#5E7D5A#5A815A
#74665B#706A5B#6B6F5B#67735B#63775B#5E7C5B#59815B
#7A5F5C#75645C#6F6A5C#6A6F5C#64755C#5F7A5C#58815C
#81575D#7A5E5D#74645D#6D6B5D#66725D#5F795D#57815D

Colorpallet from #5D8157 to #575D81 and to #57815D
#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157#5D8157
#5C7B5E#5C7C5D#5C7D5C#5C7E5B#5C7F5A#5C8059#5C8158
#5B7564#5B7762#5B7960#5B7B5F#5B7D5D#5B7F5B#5B8159
#5A706B#5A7368#5A7566#5A7863#5A7B60#5A7E5D#5A815A
#596A72#596E6E#59716B#597567#597963#597C60#59815B
#586479#586974#586D70#58726B#587766#587B62#58815C
#575D81#57637B#576975#576E70#57746A#577A64#57815D