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 #507A7C to #507C7A and to #7A507C
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#507A7C#51797C#52787C#53777C#54767C#56747C#57737C
#507B7B#52797B#54777B#56747B#58727C#5A707C#5D6D7C
#507B7B#53787B#56747B#5A717B#5D6E7C#606A7C#64667C
#507B7B#54777B#59727B#5D6E7B#61697C#66657C#6B5F7C
#507C7A#55767A#5B707B#606B7B#66657B#6B5F7C#72587C
#507C7A#57757A#5D6E7B#64677B#6B607B#72597C#7A507C

Colorpallet from #507A7C to #507C7A and to #7A7C50
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#507A7C#517A7B#527A7A#537A79#547A78#567A76#577A75
#507B7B#527B79#547B77#567B75#587B73#5A7B71#5D7B6E
#507B7B#537B78#567B75#5A7B71#5D7B6E#607B6B#647B67
#507B7B#547B77#597B72#5D7B6E#617B6A#667B65#6B7B60
#507C7A#557C75#5B7C6F#607C6A#667C65#6B7C60#727C59
#507C7A#577C73#5D7C6D#647C66#6B7C5F#727C58#7A7C50

Colorpallet from #507A7C to #507C7A and to #7C507A
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#507A7C#51797C#52787C#53777C#54767C#56747C#57737C
#507B7B#52797B#54777B#57747B#59727B#5B707B#5E6D7B
#507B7B#53787B#57747B#5A717B#5D6E7B#616A7B#65667B
#507B7B#54777B#59727B#5D6E7B#62697B#66657B#6C5F7B
#507C7A#56767A#5B707A#616B7A#66657A#6C5F7A#73587A
#507C7A#57757A#5E6E7A#65677A#6C607A#73597A#7C507A

Colorpallet from #507A7C to #507C7A and to #7C7A50
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#507A7C#517A7B#527A7A#537A79#547A78#567A76#577A75
#507B7B#527B79#547B77#577B75#597A73#5B7A71#5E7A6E
#507B7B#537B78#577B75#5A7B71#5D7A6E#617A6B#657A67
#507B7B#547B77#597B72#5D7B6E#627A6A#667A65#6C7A60
#507C7A#567C75#5B7B6F#617B6A#667B65#6C7A60#737A59
#507C7A#577C73#5E7B6D#657B66#6C7B5F#737A58#7C7A50

Colorpallet from #507A7C to #7A507C and to #7A7C50
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#57737C#57747B#57757A#577679#577778#577976#577A75
#5D6D7C#5D6F7A#5D7178#5D7475#5D7673#5D7871#5D7B6E
#64667C#646979#646D75#647072#64736F#64776B#647B67
#6B5F7C#6B6378#6B6873#6B6C6F#6B716A#6B7566#6B7B60
#72587C#725E76#726471#72696B#726F66#727560#727C59
#7A507C#7A5775#7A5E6E#7A6567#7A6C60#7A7359#7A7C50

Colorpallet from #507A7C to #7A507C and to #7C507A
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#57737C#57737C#57737C#57737C#57737C#57737C#57737C
#5D6D7C#5D6D7C#5D6D7C#5D6D7C#5E6D7B#5E6D7B#5E6D7B
#64667C#64667C#64667C#64667C#65667B#65667B#65667B
#6B5F7C#6B5F7C#6B5F7C#6B5F7C#6C5F7B#6C5F7B#6C5F7B
#72587C#72587C#72587B#72587B#73587B#73587A#73587A
#7A507C#7A507C#7B507B#7B507B#7B507B#7C507A#7C507A

Colorpallet from #507A7C to #7A507C and to #7C7A50
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#57737C#57747B#57757A#577679#577778#577976#577A75
#5D6D7C#5D6F7A#5D7178#5D7375#5E7573#5E7771#5E7A6E
#64667C#646979#646C75#647072#65736F#65766B#657A67
#6B5F7C#6B6378#6B6873#6B6C6F#6C706A#6C7566#6C7A60
#72587C#725D76#726371#72686B#736E66#737360#737A59
#7A507C#7A5775#7B5D6E#7B6467#7B6B60#7C7259#7C7A50

Colorpallet from #507A7C to #7A7C50 and to #7C507A
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#577A75#577976#577877#577778#577679#57747B#57737C
#5D7B6E#5D7970#5D7772#5D7474#5E7276#5E7078#5E6D7B
#647B67#64786A#64746D#647171#656E74#656A77#65667B
#6B7B60#6B7764#6B7269#6B6E6D#6C6971#6C6576#6C5F7B
#727C59#72765E#727064#726B69#73656E#735F73#73587A
#7A7C50#7A7557#7B6E5D#7B6764#7B606B#7C5972#7C507A

Colorpallet from #507A7C to #7A7C50 and to #7C7A50
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#577A75#577A75#577A75#577A75#577A75#577A75#577A75
#5D7B6E#5D7B6E#5D7B6E#5D7B6E#5E7A6E#5E7A6E#5E7A6E
#647B67#647B67#647B67#647B67#657A67#657A67#657A67
#6B7B60#6B7B60#6B7B60#6B7B60#6C7A60#6C7A60#6C7A60
#727C59#727C59#727B59#727B59#737B59#737A59#737A59
#7A7C50#7A7C50#7B7B50#7B7B50#7B7B50#7C7A50#7C7A50

Colorpallet from #507A7C to #7C507A and to #7C7A50
#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C#507A7C
#57737C#57747B#57757A#577679#577778#577976#577A75
#5E6D7B#5E6F79#5E7177#5E7375#5E7573#5E7771#5E7A6E
#65667B#656978#656C75#657071#65736E#65766B#657A67
#6C5F7B#6C6377#6C6872#6C6C6E#6C706A#6C7565#6C7A60
#73587A#735D75#73636F#73686A#736E65#737360#737A59
#7C507A#7C5773#7C5D6D#7C6466#7C6B5F#7C7258#7C7A50