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 #504FA5 to #50A54F and to #4F50A5
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#505D97#505B99#50599B#50569E#5054A0#5052A2#504FA5
#506B89#50678D#506292#505E96#50599B#50559F#504FA5
#50787C#507183#506B89#506490#505E96#50579D#504FA5
#50866E#507D77#507580#506C88#4F6391#4F5B9A#4F50A5
#509460#50896B#507E76#507381#4F688C#4F5E97#4F50A5
#50A54F#50975D#508A6B#507C78#4F6F86#4F6194#4F50A5

Colorpallet from #504FA5 to #50A54F and to #4FA550
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#505D97#505D97#505D97#505D97#505D97#505D97#505D97
#506B89#506B89#506B89#506B89#506B8A#506B8A#506B8A
#50787C#50787C#50787C#50787C#50787C#50787C#50787C
#50866E#50866E#50866E#50866E#4F866F#4F866F#4F866F
#509460#509460#509460#509460#4F9461#4F9461#4F9461
#50A54F#50A54F#50A54F#50A54F#4FA550#4FA550#4FA550

Colorpallet from #504FA5 to #50A54F and to #A5504F
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#505D97#525B97#545997#575697#595497#5B5297#5E4F97
#506B89#546789#596289#5D5E89#615989#665589#6B4F89
#50787C#57717C#5D6B7C#64647C#6A5E7C#71577C#794F7C
#50866E#597D6E#61756E#6A6C6E#73636E#7B5B6E#86506E
#509460#5B8960#667E60#717360#7C6860#865E60#945060
#50A54F#5E974F#6B8A4F#797C4F#866F4F#94614F#A5504F

Colorpallet from #504FA5 to #50A54F and to #A54F50
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#505D97#525B97#545997#575697#595497#5B5297#5E4F97
#506B89#546789#596289#5D5E89#61598A#66558A#6B4F8A
#50787C#57717C#5D6B7C#64647C#6A5E7C#71577C#794F7C
#50866E#597D6E#61746E#6A6C6E#73636F#7B5A6F#864F6F
#509460#5B8960#667E60#717360#7C6861#865D61#944F61
#50A54F#5E974F#6B894F#797C4F#866E50#946050#A54F50

Colorpallet from #504FA5 to #4F50A5 and to #4FA550
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#504FA5#5051A3#5053A1#50569E#50589C#505A9A#505D97
#504FA5#5053A1#50589C#505C98#506194#50658F#506B8A
#504FA5#50569E#505C98#506391#50698B#507084#50787C
#4F50A5#4F599C#4F6194#4F6A8B#4F7382#4F7B7A#4F866F
#4F50A5#4F5B9A#4F668F#4F7184#4F7C79#4F866F#4F9461
#4F50A5#4F5E97#4F6B8A#4F797C#4F866F#4F9461#4FA550

Colorpallet from #504FA5 to #4F50A5 and to #A5504F
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#504FA5#524FA3#544FA1#574F9E#594F9C#5B4F9A#5E4F97
#504FA5#544FA1#594F9C#5D4F98#614F93#664F8F#6B4F89
#504FA5#574F9E#5D4F98#644F91#6A4F8B#714F84#794F7C
#4F50A5#58509C#615093#69508B#725082#7B5079#86506E
#4F50A5#5A509A#65508F#705084#7B5079#86506E#945060
#4F50A5#5D5097#6B5089#78507C#86506E#945060#A5504F

Colorpallet from #504FA5 to #4F50A5 and to #A54F50
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#504FA5#524FA3#544FA1#574F9E#594F9C#5B4F9A#5E4F97
#504FA5#544FA1#594F9C#5D4F98#614F94#664F8F#6B4F8A
#504FA5#574F9E#5D4F98#644F91#6A4F8B#714F84#794F7C
#4F50A5#58509C#615094#69508B#724F82#7B4F7A#864F6F
#4F50A5#5A509A#65508F#705084#7B4F79#864F6F#944F61
#4F50A5#5D5097#6B508A#78507C#864F6F#944F61#A54F50

Colorpallet from #504FA5 to #4FA550 and to #A5504F
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#505D97#525B97#545997#575697#595497#5B5297#5E4F97
#506B8A#54678A#59628A#5D5E8A#615989#665589#6B4F89
#50787C#57717C#5D6B7C#64647C#6A5E7C#71577C#794F7C
#4F866F#587D6F#61756F#696C6F#72636E#7B5B6E#86506E
#4F9461#5A8961#657E61#707361#7B6860#865E60#945060
#4FA550#5D9750#6B8A50#787C50#866F4F#94614F#A5504F

Colorpallet from #504FA5 to #4FA550 and to #A54F50
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#505D97#525B97#545997#575697#595497#5B5297#5E4F97
#506B8A#54678A#59628A#5D5E8A#61598A#66558A#6B4F8A
#50787C#57717C#5D6B7C#64647C#6A5E7C#71577C#794F7C
#4F866F#587D6F#61746F#696C6F#72636F#7B5A6F#864F6F
#4F9461#5A8961#657E61#707361#7B6861#865D61#944F61
#4FA550#5D9750#6B8950#787C50#866E50#946050#A54F50

Colorpallet from #504FA5 to #A5504F and to #A54F50
#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5#504FA5
#5E4F97#5E4F97#5E4F97#5E4F97#5E4F97#5E4F97#5E4F97
#6B4F89#6B4F89#6B4F89#6B4F89#6B4F8A#6B4F8A#6B4F8A
#794F7C#794F7C#794F7C#794F7C#794F7C#794F7C#794F7C
#86506E#86506E#86506E#86506E#864F6F#864F6F#864F6F
#945060#945060#945060#945060#944F61#944F61#944F61
#A5504F#A5504F#A5504F#A5504F#A54F50#A54F50#A54F50