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 #5180A4 to #51A480 and to #8051A4
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#51869E#52849F#5482A0#557FA1#567DA2#577BA3#5978A4
#518C98#53889A#56839C#587F9E#5B7BA0#5D76A2#6071A4
#519193#558B96#588498#5C7E9B#60779E#6371A1#6869A4
#51978D#568F91#5B8694#5F7E98#64759C#696D9F#6F62A4
#519D87#57928C#5D8890#637D95#69729A#6F679E#775AA4
#51A480#599786#60898C#687C91#6F6F97#77629D#8051A4

Colorpallet from #5180A4 to #51A480 and to #80A451
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#51869E#52869D#54869C#55869B#56869A#578698#598697
#518C98#538C96#568C93#588C91#5B8C8E#5D8C8C#608C89
#519193#55918F#58918C#5C9188#609184#639181#68917C
#51978D#569788#5B9783#5F977F#64977A#699775#6F976F
#519D87#579D81#5D9D7B#639D75#699D6F#6F9D69#779D62
#51A480#59A478#60A471#68A469#6FA462#77A45A#80A451

Colorpallet from #5180A4 to #51A480 and to #A45180
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#51869E#53849E#55829E#577F9E#597D9E#5B7B9E#5E789E
#518C98#558898#5A8398#5E7F98#627B98#677698#6C7198
#519193#578B93#5E8493#647E93#6B7793#717193#796993
#51978D#598F8D#62868D#6A7E8D#73758D#7B6D8D#86628D
#519D87#5C9287#668887#717D87#7B7287#866787#935A87
#51A480#5E9780#6C8980#797C80#866F80#936280#A45180

Colorpallet from #5180A4 to #51A480 and to #A48051
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#51869E#53859D#55849C#57839B#59829A#5B8198#5E8097
#518C98#558A96#5A8893#5E8691#62848E#67828C#6C8089
#519193#578E8F#5E8C8C#648988#6B8684#718381#79807C
#51978D#599388#629083#6A8C7F#73887A#7B8575#86806F
#519D87#5C9881#66947B#718F75#7B8A6F#868669#938062
#51A480#5E9E78#6C9871#799369#868D62#93875A#A48051

Colorpallet from #5180A4 to #8051A4 and to #80A451
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#5978A4#597AA2#597CA0#597F9E#59819C#59839A#598697
#6071A4#6075A0#607A9B#607E97#608293#60878E#608C89
#6869A4#686F9E#687697#687C91#68838A#688984#68917C
#6F62A4#6F6A9C#6F7393#6F7B8B#6F8482#6F8C7A#6F976F
#775AA4#776599#776F8F#777A84#77857A#77906F#779D62
#8051A4#805E97#806C89#80797C#80866F#809362#80A451

Colorpallet from #5180A4 to #8051A4 and to #A45180
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#5978A4#5A78A3#5B78A2#5B78A1#5C78A0#5D789F#5E789E
#6071A4#6271A2#6471A0#66719E#68719C#6A719A#6C7198
#6869A4#6B69A1#6D699F#70699C#736999#766996#796993
#6F62A4#7362A0#76629D#7A6299#7E6295#816292#86628D
#775AA4#7B5A9F#805A9B#845A96#895A91#8D5A8D#935A87
#8051A4#86519E#8C5198#915193#97518D#9D5187#A45180

Colorpallet from #5180A4 to #8051A4 and to #A48051
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#5978A4#5A79A2#5B7BA0#5B7C9E#5C7D9C#5D7E9A#5E8097
#6071A4#6273A0#64769B#667897#687B93#6A7D8E#6C8089
#6869A4#6B6D9E#6D7097#707491#73788A#767B84#79807C
#6F62A4#73679C#766C93#7A708B#7E7582#817A7A#86806F
#775AA4#7B6099#80668F#846C84#89727A#8D786F#938062
#8051A4#865997#8C6089#91687C#976F6F#9D7762#A48051

Colorpallet from #5180A4 to #80A451 and to #A45180
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#598697#5A8498#5B8299#5B7F9A#5C7D9B#5D7B9D#5E789E
#608C89#62888B#64838E#667F90#687B93#6A7695#6C7198
#68917C#6B8B80#6D8483#707E87#73778B#76718E#796993
#6F976F#738F74#768679#7A7E7D#7E7582#816D87#86628D
#779D62#7B9268#80886E#847D74#89727A#8D6780#935A87
#80A451#869759#8C8960#917C68#976F6F#9D6277#A45180

Colorpallet from #5180A4 to #80A451 and to #A48051
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#598697#5A8597#5B8497#5B8397#5C8297#5D8197#5E8097
#608C89#628A89#648889#668689#688489#6A8289#6C8089
#68917C#6B8E7C#6D8C7C#70897C#73867C#76837C#79807C
#6F976F#73936F#76906F#7A8C6F#7E886F#81856F#86806F
#779D62#7B9862#809462#848F62#898A62#8D8662#938062
#80A451#869E51#8C9851#919351#978D51#9D8751#A48051

Colorpallet from #5180A4 to #A45180 and to #A48051
#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4#5180A4
#5E789E#5E799D#5E7B9C#5E7C9B#5E7D9A#5E7E98#5E8097
#6C7198#6C7396#6C7693#6C7891#6C7B8E#6C7D8C#6C8089
#796993#796D8F#79708C#797488#797884#797B81#79807C
#86628D#866788#866C83#86707F#86757A#867A75#86806F
#935A87#936081#93667B#936C75#93726F#937869#938062
#A45180#A45978#A46071#A46869#A46F62#A4775A#A48051