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 #5368A8 to #53A868 and to #6853A8
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#53729E#5370A0#546EA1#546CA3#556AA4#5568A6#5665A8
#537C94#547897#55739A#566F9E#576BA1#5966A4#5A61A8
#538789#55808E#567A93#587398#596D9D#5B66A2#5D5EA8
#53917F#558886#57808C#597793#5B6E99#5D66A0#605BA8
#539B75#56907D#588585#5B7A8D#5E6F96#61659E#6457A8
#53A868#569A72#5A8D7C#5D7F87#607291#64649B#6853A8

Colorpallet from #5368A8 to #53A868 and to #68A853
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#53729E#53729D#54729D#54729C#55729B#55729B#56729A
#537C94#547C93#557C92#567C91#577C90#597C8E#5A7C8D
#538789#558787#568786#588784#598783#5B8781#5D877F
#53917F#55917D#57917B#599179#5B9177#5D9175#609172
#539B75#569B72#589B70#5B9B6D#5E9B6A#619B67#649B64
#53A868#56A865#5AA861#5DA85E#60A85B#64A857#68A853

Colorpallet from #5368A8 to #53A868 and to #A85368
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#53729E#55709E#576E9E#5A6C9E#5C6A9E#5E689E#61659E
#537C94#577894#5C7394#606F94#646B94#696694#6E6194
#538789#5A8089#607A89#677389#6D6D89#746689#7C5E89
#53917F#5C887F#64807F#6D777F#766E7F#7E667F#895B7F
#539B75#5E9075#698575#747A75#7F6F75#896575#975775
#53A868#619A68#6E8D68#7C7F68#897268#976468#A85368

Colorpallet from #5368A8 to #53A868 and to #A86853
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#53729E#55709D#576F9D#5A6D9C#5C6C9B#5E6A9B#61689A
#537C94#577993#5C7692#607291#646F90#696C8E#6E688D
#538789#5A8287#607D86#677884#6D7383#746E81#7C687F
#53917F#5C8A7D#64847B#6D7D79#767777#7E7075#896872
#539B75#5E9372#698B70#74836D#7F7A6A#897267#976864
#53A868#619E65#6E9461#7C895E#897F5B#977557#A86853

Colorpallet from #5368A8 to #6853A8 and to #68A853
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#5665A8#5667A6#5669A4#566BA1#566D9F#566F9D#56729A
#5A61A8#5A65A4#5A6A9F#5A6E9B#5A7297#5A7792#5A7C8D
#5D5EA8#5D65A1#5D6B9B#5D7294#5D788E#5D7F87#5D877F
#605BA8#60649F#606C97#60758E#607E85#60867D#609172
#6457A8#64629D#646D92#647887#64837C#648D72#649B64
#6853A8#68619A#686E8D#687C7F#688972#689764#68A853

Colorpallet from #5368A8 to #6853A8 and to #A85368
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#5665A8#5865A6#5A65A5#5B65A3#5D65A2#5F65A0#61659E
#5A61A8#5D61A5#6061A2#64619E#67619B#6A6198#6E6194
#5D5EA8#625EA3#675E9E#6C5E99#715E94#765E8F#7C5E89
#605BA8#675BA1#6D5B9B#745B94#7A5B8E#815B87#895B7F
#6457A8#6C57A0#745798#7C5790#855787#8D577F#975775
#6853A8#72539E#7C5394#875389#91537F#9B5375#A85368

Colorpallet from #5368A8 to #6853A8 and to #A86853
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#5665A8#5865A6#5A66A4#5B66A1#5D679F#5F679D#61689A
#5A61A8#5D62A4#60639F#64649B#676597#6A6792#6E688D
#5D5EA8#6260A1#67619B#6C6394#71648E#766687#7C687F
#605BA8#675D9F#6D5F97#74618E#7A6385#81657D#896872
#6457A8#6C5A9D#745C92#7C5F87#85627C#8D6572#976864
#6853A8#72569A#7C5A8D#875D7F#916072#9B6464#A86853

Colorpallet from #5368A8 to #68A853 and to #A85368
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#56729A#58709B#5A6E9B#5B6C9C#5D6A9D#5F689D#61659E
#5A7C8D#5D788E#60738F#646F90#676B91#6A6693#6E6194
#5D877F#628081#677A82#6C7384#716D85#766687#7C5E89
#609172#678874#6D8076#747778#7A6E7A#81667C#895B7F
#649B64#6C9067#748569#7C7A6C#856F6F#8D6572#975775
#68A853#729A56#7C8D5A#877F5D#917260#9B6464#A85368

Colorpallet from #5368A8 to #68A853 and to #A86853
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#56729A#58709A#5A6F9A#5B6D9A#5D6C9A#5F6A9A#61689A
#5A7C8D#5D798D#60768D#64728D#676F8D#6A6C8D#6E688D
#5D877F#62827F#677D7F#6C787F#71737F#766E7F#7C687F
#609172#678A72#6D8472#747D72#7A7772#817072#896872
#649B64#6C9364#748B64#7C8364#857A64#8D7264#976864
#68A853#729E53#7C9453#878953#917F53#9B7553#A86853

Colorpallet from #5368A8 to #A85368 and to #A86853
#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8#5368A8
#61659E#61659D#61669D#61669C#61679B#61679B#61689A
#6E6194#6E6293#6E6392#6E6491#6E6590#6E678E#6E688D
#7C5E89#7C6087#7C6186#7C6384#7C6483#7C6681#7C687F
#895B7F#895D7D#895F7B#896179#896377#896575#896872
#975775#975A72#975C70#975F6D#97626A#976567#976864
#A85368#A85665#A85A61#A85D5E#A8605B#A86457#A86853