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 #486B96 to #48966B and to #6B4896
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#48728F#497090#4A6E91#4B6C92#4C6A93#4D6895#4E6596
#487988#4A758A#4C718C#4D6D8F#4F6991#516593#536096
#488081#4B7A84#4D7488#506E8B#53688E#566292#595A96
#48877A#4C7F7E#4F7783#536F87#56678C#5A5F90#5E5596
#488D74#4C8379#51797F#556F84#5A658A#5E5B8F#644F96
#48966B#4E8A72#537D79#597180#5E6487#64588D#6B4896

Colorpallet from #486B96 to #48966B and to #6B9648
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#48728F#49728E#4A728D#4B728D#4C728C#4D728B#4E728A
#487988#4A7986#4C7984#4D7983#4F7981#51797F#53797D
#488081#4B807E#4D807C#508079#538077#568074#598071
#48877A#4C8776#4F8773#53876F#56876C#5A8768#5E8764
#488D74#4C8D70#518D6B#558D67#5A8D62#5E8D5E#648D58
#48966B#4E9665#539660#59965A#5E9655#64964F#6B9648

Colorpallet from #486B96 to #48966B and to #96486B
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#48728F#4A708F#4C6E8F#4E6C8F#506A8F#52688F#54658F
#487988#4C7588#507188#546D88#586988#5C6588#616088
#488081#4E7A81#547481#5A6E81#606881#666281#6D5A81
#48877A#507F7A#58777A#606F7A#68677A#705F7A#7A557A
#488D74#528374#5C7974#666F74#706574#7A5B74#864F74
#48966B#548A6B#617D6B#6D716B#7A646B#86586B#96486B

Colorpallet from #486B96 to #48966B and to #966B48
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#48728F#4A718E#4C708D#4E6F8D#506E8C#526C8B#546B8A
#487988#4C7786#507584#547283#587081#5C6E7F#616B7D
#488081#4E7D7E#54797C#5A7679#607377#666F74#6D6B71
#48877A#508376#587E73#607A6F#68756C#707168#7A6B64
#488D74#528870#5C826B#667D67#707762#7A725E#866B58
#48966B#548F65#618860#6D815A#7A7A55#86744F#966B48

Colorpallet from #486B96 to #6B4896 and to #6B9648
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#4E6596#4E6794#4E6992#4E6B90#4E6D8E#4E6F8C#4E728A
#536096#536492#53688E#536C8A#537086#537482#53797D
#595A96#596090#59668A#596C84#59727E#597878#598071
#5E5596#5E5D8E#5E6586#5E6D7E#5E7576#5E7D6E#5E8764
#644F96#64598C#646382#646D78#64776E#648164#648D58
#6B4896#6B548A#6B617D#6B6D71#6B7A64#6B8658#6B9648

Colorpallet from #486B96 to #6B4896 and to #96486B
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#4E6596#4F6595#506594#516593#526592#536590#54658F
#536096#556094#576092#5A608F#5C608D#5E608B#616088
#595A96#5C5A93#5F5A8F#635A8C#665A89#695A85#6D5A81
#5E5596#625592#67558D#6B5589#705584#745580#7A557A
#644F96#694F91#6F4F8B#744F86#7A4F80#7F4F7B#864F74
#6B4896#72488F#794888#804881#87487A#8D4874#96486B

Colorpallet from #486B96 to #6B4896 and to #966B48
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#4E6596#4F6694#506792#516890#52698E#536A8C#546B8A
#536096#556292#57648E#5A658A#5C6786#5E6982#616B7D
#595A96#5C5D90#5F5F8A#636284#66657E#696878#6D6B71
#5E5596#62598E#675C86#6B607E#706376#74676E#7A6B64
#644F96#69538C#6F5882#745C78#7A616E#7F6564#866B58
#6B4896#724E8A#79537D#805971#875E64#8D6458#966B48

Colorpallet from #486B96 to #6B9648 and to #96486B
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#4E728A#4F708B#506E8C#516C8C#526A8D#53688E#54658F
#53797D#55757F#577181#5A6D82#5C6984#5E6586#616088
#598071#5C7A74#5F7476#636E79#66687B#69627E#6D5A81
#5E8764#627F68#67776B#6B6F6F#706772#745F76#7A557A
#648D58#69835C#6F7961#746F65#7A656A#7F5B6E#864F74
#6B9648#728A4E#797D53#807159#87645E#8D5864#96486B

Colorpallet from #486B96 to #6B9648 and to #966B48
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#4E728A#4F718A#50708A#516F8A#526E8A#536C8A#546B8A
#53797D#55777D#57757D#5A727D#5C707D#5E6E7D#616B7D
#598071#5C7D71#5F7971#637671#667371#696F71#6D6B71
#5E8764#628364#677E64#6B7A64#707564#747164#7A6B64
#648D58#698858#6F8258#747D58#7A7758#7F7258#866B58
#6B9648#728F48#798848#808148#877A48#8D7448#966B48

Colorpallet from #486B96 to #96486B and to #966B48
#486B96#486B96#486B96#486B96#486B96#486B96#486B96
#54658F#54668E#54678D#54688D#54698C#546A8B#546B8A
#616088#616286#616484#616583#616781#61697F#616B7D
#6D5A81#6D5D7E#6D5F7C#6D6279#6D6577#6D6874#6D6B71
#7A557A#7A5976#7A5C73#7A606F#7A636C#7A6768#7A6B64
#864F74#865370#86586B#865C67#866162#86655E#866B58
#96486B#964E65#965360#96595A#965E55#96644F#966B48