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 #556F8C to #558C6F and to #6F558C
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#557487#567388#567189#577089#586E8A#586D8B#596B8C
#557883#567584#587386#597087#5A6D89#5B6A8A#5D678C
#557D7E#577980#597582#5B7185#5D6C87#5F6889#61638C
#558279#587C7C#5A767F#5D7182#606B85#636588#665E8C
#558675#587F79#5C787C#5F7180#626A84#666387#6A5A8C
#558C6F#598374#5D7A78#61727D#666982#6A6086#6F558C

Colorpallet from #556F8C to #558C6F and to #6F8C55
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#557487#567486#567486#577485#587484#587484#597483
#557883#567882#587880#59787F#5A787D#5B787C#5D787A
#557D7E#577D7C#597D7A#5B7D78#5D7D76#5F7D74#617D72
#558279#588276#5A8274#5D8271#60826F#63826C#668269
#558675#588672#5C866E#5F866B#628668#668664#6A8660
#558C6F#598C6B#5D8C67#618C63#668C5E#6A8C5A#6F8C55

Colorpallet from #556F8C to #558C6F and to #8C556F
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#557487#567387#587187#597087#5B6E87#5C6D87#5E6B87
#557883#587583#5B7383#5E7083#616D83#636A83#676783
#557D7E#59797E#5D757E#61717E#666C7E#6A687E#6F637E
#558279#5B7C79#607679#667179#6B6B79#716579#785E79
#558675#5C7F75#637875#6A7175#716A75#786375#815A75
#558C6F#5E836F#677A6F#6F726F#78696F#81606F#8C556F

Colorpallet from #556F8C to #558C6F and to #8C6F55
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#557487#567386#587286#597285#5B7184#5C7084#5E6F83
#557883#587782#5B7580#5E747F#61727D#63717C#676F7A
#557D7E#597B7C#5D797A#617678#667476#6A7274#6F6F72
#558279#5B7F76#607C74#667971#6B766F#71736C#786F69
#558675#5C8272#637F6E#6A7B6B#717768#787464#816F60
#558C6F#5E876B#678367#6F7E63#78795E#81755A#8C6F55

Colorpallet from #556F8C to #6F558C and to #6F8C55
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#596B8C#596C8B#596E89#596F88#597186#597285#597483
#5D678C#5D6A89#5D6C86#5D6F83#5D7280#5D757E#5D787A
#61638C#616788#616B84#616F80#61747B#617877#617D72
#665E8C#666486#666A81#666F7B#667576#667B70#668269
#6A5A8C#6A6185#6A687E#6A6F77#6A7670#6A7D69#6A8660
#6F558C#6F5E83#6F677A#6F6F72#6F7869#6F8160#6F8C55

Colorpallet from #556F8C to #6F558C and to #8C556F
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#596B8C#5A6B8B#5B6B8A#5B6B8A#5C6B89#5D6B88#5E6B87
#5D678C#5F678B#606789#626788#636786#656785#676783
#61638C#63638A#656388#686385#6A6383#6C6381#6F637E
#665E8C#695E89#6C5E86#6F5E83#725E80#745E7D#785E79
#6A5A8C#6E5A88#715A85#755A81#795A7D#7C5A7A#815A75
#6F558C#745587#785583#7D557E#825579#865575#8C556F

Colorpallet from #556F8C to #6F558C and to #8C6F55
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#596B8C#5A6C8B#5B6C89#5B6D88#5C6E86#5D6E85#5E6F83
#5D678C#5F6889#606A86#626B83#636C80#656D7E#676F7A
#61638C#636588#656784#686980#6A6B7B#6C6D77#6F6F72
#665E8C#696186#6C6381#6F667B#726976#746C70#786F69
#6A5A8C#6E5D85#71617E#756477#796770#7C6B69#816F60
#6F558C#745983#785D7A#7D6172#826669#866A60#8C6F55

Colorpallet from #556F8C to #6F8C55 and to #8C556F
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#597483#5A7384#5B7184#5B7085#5C6E86#5D6D86#5E6B87
#5D787A#5F757B#60737D#62707E#636D80#656A81#676783
#617D72#637974#657576#687178#6A6C7A#6C687C#6F637E
#668269#697C6C#6C766E#6F7171#726B73#746576#785E79
#6A8660#6E7F63#717867#75716A#796A6D#7C6371#815A75
#6F8C55#748359#787A5D#7D7261#826966#86606A#8C556F

Colorpallet from #556F8C to #6F8C55 and to #8C6F55
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#597483#5A7383#5B7283#5B7283#5C7183#5D7083#5E6F83
#5D787A#5F777A#60757A#62747A#63727A#65717A#676F7A
#617D72#637B72#657972#687672#6A7472#6C7272#6F6F72
#668269#697F69#6C7C69#6F7969#727669#747369#786F69
#6A8660#6E8260#717F60#757B60#797760#7C7460#816F60
#6F8C55#748755#788355#7D7E55#827955#867555#8C6F55

Colorpallet from #556F8C to #8C556F and to #8C6F55
#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C#556F8C
#5E6B87#5E6C86#5E6C86#5E6D85#5E6E84#5E6E84#5E6F83
#676783#676882#676A80#676B7F#676C7D#676D7C#676F7A
#6F637E#6F657C#6F677A#6F6978#6F6B76#6F6D74#6F6F72
#785E79#786176#786374#786671#78696F#786C6C#786F69
#815A75#815D72#81616E#81646B#816768#816B64#816F60
#8C556F#8C596B#8C5D67#8C6163#8C665E#8C6A5A#8C6F55