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 #5684B4 to #56B484 and to #8456B4
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#568CAC#578AAD#5887AF#5985B0#5A82B1#5C80B2#5D7DB4
#5693A5#588EA7#5B89AA#5D85AC#6080AF#627BB1#6575B4
#569B9D#5A94A1#5D8DA4#6185A8#647EAC#6877AF#6C6EB4
#56A395#5B999A#5F909F#6486A4#697DA9#6D73AE#7367B4
#56AA8E#5C9E94#62929A#6886A0#6E7AA6#746EAC#7B5FB4
#56B484#5DA58C#659693#6C879B#7378A3#7B69AA#8456B4

Colorpallet from #5684B4 to #56B484 and to #84B456
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#568CAC#578CAB#588CAA#598CA9#5A8CA8#5C8CA6#5D8CA5
#5693A5#5893A3#5B93A0#5D939E#60939B#629399#659396
#569B9D#5A9B99#5D9B96#619B92#649B8F#689B8B#6C9B87
#56A395#5BA390#5FA38C#64A387#69A382#6DA37E#73A378
#56AA8E#5CAA88#62AA82#68AA7C#6EAA76#74AA70#7BAA69
#56B484#5DB47D#65B475#6CB46E#73B467#7BB45F#84B456

Colorpallet from #5684B4 to #56B484 and to #B45684
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#568CAC#588AAC#5B87AC#5D85AC#6082AC#6280AC#657DAC
#5693A5#5B8EA5#6089A5#6485A5#6980A5#6E7BA5#7475A5
#569B9D#5D949D#648D9D#6C859D#737E9D#7A779D#836E9D
#56A395#609995#699095#738695#7C7D95#867395#926795
#56AA8E#629E8E#6E928E#7A868E#867A8E#926E8E#A15F8E
#56B484#65A584#749684#838784#927884#A16984#B45684

Colorpallet from #5684B4 to #56B484 and to #B48456
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#568CAC#588BAB#5B89AA#5D88A9#6087A8#6286A6#6584A5
#5693A5#5B91A3#608EA0#648C9E#69899B#6E8799#748496
#569B9D#5D9799#649496#6C9092#738C8F#7A898B#838487
#56A395#609E90#69998C#739487#7C8F82#868A7E#928478
#56AA8E#62A488#6E9E82#7A987C#869276#928C70#A18469
#56B484#65AC7D#74A575#839D6E#929567#A18E5F#B48456

Colorpallet from #5684B4 to #8456B4 and to #84B456
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#5D7DB4#5D7FB2#5D82AF#5D84AD#5D87AA#5D89A8#5D8CA5
#6575B4#657AAF#657FAA#6583A6#6588A1#658D9C#659396
#6C6EB4#6C75AD#6C7CA6#6C849E#6C8B97#6C9290#6C9B87
#7367B4#7371AA#737AA1#738497#738D8E#739784#73A378
#7B5FB4#7B6BA8#7B779C#7B8390#7B8F84#7B9B78#7BAA69
#8456B4#8465A5#847496#848387#849278#84A169#84B456

Colorpallet from #5684B4 to #8456B4 and to #B45684
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#5D7DB4#5E7DB3#607DB1#617DB0#627DAF#637DAE#657DAC
#6575B4#6775B2#6A75AF#6C75AD#6F75AA#7175A8#7475A5
#6C6EB4#706EB0#736EAD#776EA9#7B6EA5#7E6EA2#836E9D
#7367B4#7867AF#7D67AA#8267A5#8767A0#8C679B#926795
#7B5FB4#815FAE#875FA8#8D5FA2#935F9C#995F96#A15F8E
#8456B4#8C56AC#9356A5#9B569D#A35695#AA568E#B45684

Colorpallet from #5684B4 to #8456B4 and to #B48456
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#5D7DB4#5E7EB2#607FAF#6180AD#6281AA#6383A8#6584A5
#6575B4#6777AF#6A7AAA#6C7CA6#6F7FA1#71819C#748496
#6C6EB4#7072AD#7375A6#77799E#7B7C97#7E8090#838487
#7367B4#786CAA#7D70A1#827597#877A8E#8C7E84#928478
#7B5FB4#8165A8#876B9C#8D7190#937784#997D78#A18469
#8456B4#8C5DA5#936596#9B6C87#A37378#AA7B69#B48456

Colorpallet from #5684B4 to #84B456 and to #B45684
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#5D8CA5#5E8AA6#6087A7#6185A8#6282A9#6380AB#657DAC
#659396#678E98#6A899B#6C859D#6F80A0#717BA2#7475A5
#6C9B87#70948B#738D8E#778592#7B7E95#7E7799#836E9D
#73A378#78997D#7D9081#828686#877D8B#8C738F#926795
#7BAA69#819E6F#879275#8D867B#937A81#996E87#A15F8E
#84B456#8CA55D#939665#9B876C#A37873#AA697B#B45684

Colorpallet from #5684B4 to #84B456 and to #B48456
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#5D8CA5#5E8BA5#6089A5#6188A5#6287A5#6386A5#6584A5
#659396#679196#6A8E96#6C8C96#6F8996#718796#748496
#6C9B87#709787#739487#779087#7B8C87#7E8987#838487
#73A378#789E78#7D9978#829478#878F78#8C8A78#928478
#7BAA69#81A469#879E69#8D9869#939269#998C69#A18469
#84B456#8CAC56#93A556#9B9D56#A39556#AA8E56#B48456

Colorpallet from #5684B4 to #B45684 and to #B48456
#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4#5684B4
#657DAC#657EAB#657FAA#6580A9#6581A8#6583A6#6584A5
#7475A5#7477A3#747AA0#747C9E#747F9B#748199#748496
#836E9D#837299#837596#837992#837C8F#83808B#838487
#926795#926C90#92708C#927587#927A82#927E7E#928478
#A15F8E#A16588#A16B82#A1717C#A17776#A17D70#A18469
#B45684#B45D7D#B46575#B46C6E#B47367#B47B5F#B48456