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 #566CB2 to #56B26C and to #6C56B2
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5677A7#5775A9#5772AB#5870AC#596DAE#596BB0#5A68B2
#56829C#577DA0#5879A3#5974A7#5A6FAA#5C6BAE#5D65B2
#568E90#588795#5A809B#5B78A0#5D71A6#5F6AAB#6161B2
#569985#58908C#5A8693#5D7D9B#5F73A2#616AA9#645EB2
#56A47A#599883#5C8C8C#5F8095#62759E#6469A7#685AB2
#56B26C#5AA377#5D9582#61868E#647799#6868A4#6C56B2

Colorpallet from #566CB2 to #56B26C and to #6CB256
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5677A7#5777A6#5777A6#5877A5#5977A4#5977A4#5A77A3
#56829C#57829B#58829A#598299#5A8298#5C8296#5D8295
#568E90#588E8E#5A8E8D#5B8E8B#5D8E8A#5F8E88#618E86
#569985#589983#5A9981#5D997E#5F997C#61997A#649977
#56A47A#59A477#5CA474#5FA471#62A46E#64A46C#68A468
#56B26C#5AB268#5DB265#61B261#64B25E#68B25A#6CB256

Colorpallet from #566CB2 to #56B26C and to #B2566C
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5677A7#5875A7#5B72A7#5D70A7#606DA7#626BA7#6568A7
#56829C#5B7D9C#5F799C#64749C#696F9C#6D6B9C#73659C
#568E90#5D8790#648090#6B7890#727190#796A90#826190
#569985#5F9085#698685#727D85#7C7385#856A85#915E85
#56A47A#62987A#6E8C7A#7A807A#85757A#91697A#A05A7A
#56B26C#65A36C#73956C#82866C#91776C#A0686C#B2566C

Colorpallet from #566CB2 to #56B26C and to #B26C56
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5677A7#5875A6#5B73A6#5D72A5#6070A4#626EA4#656CA3
#56829C#5B7E9B#5F7B9A#647799#697498#6D7096#736C95
#568E90#5D898E#64838D#6B7E8B#72788A#797388#826C86
#569985#5F9283#698B81#72837E#7C7C7C#85757A#916C77
#56A47A#629B77#6E9274#7A8971#85806E#91776C#A06C68
#56B26C#65A768#739C65#829061#91855E#A07A5A#B26C56

Colorpallet from #566CB2 to #6C56B2 and to #6CB256
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5A68B2#5A6AB0#5A6DAD#5A6FAB#5A72A8#5A74A6#5A77A3
#5D65B2#5D6AAD#5D6EA9#5D73A4#5D789F#5D7C9B#5D8295
#6161B2#6168AB#616FA4#61779D#617E96#61858F#618E86
#645EB2#6467A9#64719F#647A96#64848C#648D83#649977
#685AB2#6866A6#68729A#687E8E#688983#689577#68A468
#6C56B2#6C65A3#6C7395#6C8286#6C9177#6CA068#6CB256

Colorpallet from #566CB2 to #6C56B2 and to #B2566C
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5A68B2#5C68B0#5E68AE#5F68AD#6168AB#6368A9#6568A7
#5D65B2#6165AE#6465AB#6865A7#6B65A4#6F65A0#73659C
#6161B2#6661AD#6C61A7#7161A2#76619C#7B6197#826190
#645EB2#6B5EAB#725EA4#7A5E9C#815E95#885E8E#915E85
#685AB2#715AA9#7A5AA0#835A97#8C5A8E#955A85#A05A7A
#6C56B2#7756A7#82569C#8E5690#995685#A4567A#B2566C

Colorpallet from #566CB2 to #6C56B2 and to #B26C56
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5A68B2#5C69B0#5E69AD#5F6AAB#616BA8#636BA6#656CA3
#5D65B2#6166AD#6467A9#6868A4#6B699F#6F6B9B#736C95
#6161B2#6663AB#6C65A4#71669D#766896#7B6A8F#826C86
#645EB2#6B60A9#72629F#7A6596#81678C#886983#916C77
#685AB2#715DA6#7A609A#83638E#8C6683#956877#A06C68
#6C56B2#775AA3#825D95#8E6186#996477#A46868#B26C56

Colorpallet from #566CB2 to #6CB256 and to #B2566C
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5A77A3#5C75A4#5E72A4#5F70A5#616DA6#636BA6#6568A7
#5D8295#617D96#647997#687498#6B6F99#6F6B9B#73659C
#618E86#668788#6C8089#71788B#76718C#7B6A8E#826190
#649977#6B9079#72867B#7A7D7E#817380#886A82#915E85
#68A468#71986B#7A8C6E#838071#8C7574#956976#A05A7A
#6CB256#77A35A#82955D#8E8661#997764#A46868#B2566C

Colorpallet from #566CB2 to #6CB256 and to #B26C56
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#5A77A3#5C75A3#5E73A3#5F72A3#6170A3#636EA3#656CA3
#5D8295#617E95#647B95#687795#6B7495#6F7095#736C95
#618E86#668986#6C8386#717E86#767886#7B7386#826C86
#649977#6B9277#728B77#7A8377#817C77#887577#916C77
#68A468#719B68#7A9268#838968#8C8068#957768#A06C68
#6CB256#77A756#829C56#8E9056#998556#A47A56#B26C56

Colorpallet from #566CB2 to #B2566C and to #B26C56
#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2#566CB2
#6568A7#6569A6#6569A6#656AA5#656BA4#656BA4#656CA3
#73659C#73669B#73679A#736899#736998#736B96#736C95
#826190#82638E#82658D#82668B#82688A#826A88#826C86
#915E85#916083#916281#91657E#91677C#91697A#916C77
#A05A7A#A05D77#A06074#A06371#A0666E#A0686C#A06C68
#B2566C#B25A68#B25D65#B26161#B2645E#B2685A#B26C56