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 #3566AB to #35AB66 and to #6635AB
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3571A0#366EA2#386BA4#3968A5#3A65A7#3B62A9#3D5EAB
#357C95#387699#3A709C#3D6AA0#3F64A3#425EA7#4556AB
#35878A#397E8F#3D7595#416C9A#44639F#4859A4#4D4EAB
#35927F#3A8686#3F7A8D#446E94#49629B#4E56A2#5447AB
#359D74#3B8E7D#417F86#48708E#4E6197#5452A0#5C3FAB
#35AB66#3D9871#45857C#4D7287#545F92#5C4D9D#6635AB

Colorpallet from #3566AB to #35AB66 and to #66AB35
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3571A0#36719F#38719D#39719C#3A719B#3B719A#3D7198
#357C95#387C92#3A7C90#3D7C8D#3F7C8B#427C88#457C85
#35878A#398786#3D8782#41877E#44877B#488777#4D8772
#35927F#3A927A#3F9275#449270#49926B#4E9265#54925F
#359D74#3B9D6E#419D68#489D61#4E9D5B#549D55#5C9D4D
#35AB66#3DAB5E#45AB56#4DAB4E#54AB47#5CAB3F#66AB35

Colorpallet from #3566AB to #35AB66 and to #AB3566
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3571A0#386EA0#3B6BA0#3E68A0#4165A0#4462A0#485EA0
#357C95#3B7695#417095#476A95#4D6495#535E95#5B5695
#35878A#3E7E8A#47758A#506C8A#59638A#63598A#6E4E8A
#35927F#41867F#4D7A7F#596E7F#66627F#72567F#81477F
#359D74#448E74#537F74#627074#716174#805274#933F74
#35AB66#489866#5B8566#6E7266#815F66#934D66#AB3566

Colorpallet from #3566AB to #35AB66 and to #AB6635
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3571A0#386F9F#3B6D9D#3E6C9C#416A9B#44689A#486698
#357C95#3B7892#417590#47718D#4D6E8B#536A88#5B6685
#35878A#3E8286#477C82#50777E#59727B#636D77#6E6672
#35927F#418B7A#4D8475#597D70#66766B#726F65#81665F
#359D74#44946E#538B68#628361#717A5B#807155#93664D
#35AB66#48A05E#5B9556#6E8A4E#817F47#93743F#AB6635

Colorpallet from #3566AB to #6635AB and to #66AB35
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3D5EAB#3D61A8#3D64A5#3D67A2#3D6A9F#3D6D9C#3D7198
#4556AB#455CA5#45629F#456899#456E93#45748D#457C85
#4D4EAB#4D57A2#4D6099#4D6990#4D7287#4D7C7D#4D8772
#5447AB#54539F#545F93#546B87#54777A#54836E#54925F
#5C3FAB#5C4E9C#5C5D8D#5C6C7E#5C7B6F#5C8A60#5C9D4D
#6635AB#664898#665B85#666E72#66815F#66934D#66AB35

Colorpallet from #3566AB to #6635AB and to #AB3566
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3D5EAB#3F5EA9#415EA7#425EA6#445EA4#465EA2#485EA0
#4556AB#4956A7#4C56A4#5056A0#53569D#575699#5B5695
#4D4EAB#524EA6#584EA0#5D4E9B#624E96#674E91#6E4E8A
#5447AB#5B47A4#62479D#6A4796#71478F#784788#81477F
#5C3FAB#653FA2#6E3F99#763F91#7F3F88#883F7F#933F74
#6635AB#7135A0#7C3595#87358A#92357F#9D3574#AB3566

Colorpallet from #3566AB to #6635AB and to #AB6635
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3D5EAB#3F5FA8#4161A5#4262A2#44639F#46649C#486698
#4556AB#4959A5#4C5B9F#505E99#536093#57638D#5B6685
#4D4EAB#5252A2#585699#5D5A90#625D87#67617D#6E6672
#5447AB#5B4C9F#625193#6A5687#715B7A#78606E#81665F
#5C3FAB#65459C#6E4B8D#76527E#7F586F#885E60#93664D
#6635AB#713D98#7C4585#874D72#92545F#9D5C4D#AB6635

Colorpallet from #3566AB to #66AB35 and to #AB3566
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3D7198#3F6E99#416B9B#42689C#44659D#46629E#485EA0
#457C85#497688#4C708A#506A8D#53648F#575E92#5B5695
#4D8772#527E76#58757A#5D6C7E#626381#675985#6E4E8A
#54925F#5B8664#627A69#6A6E6E#716273#785679#81477F
#5C9D4D#658E53#6E7F59#767060#7F6166#88526C#933F74
#66AB35#71983D#7C8545#87724D#925F54#9D4D5C#AB3566

Colorpallet from #3566AB to #66AB35 and to #AB6635
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#3D7198#3F6F98#416D98#426C98#446A98#466898#486698
#457C85#497885#4C7585#507185#536E85#576A85#5B6685
#4D8772#528272#587C72#5D7772#627272#676D72#6E6672
#54925F#5B8B5F#62845F#6A7D5F#71765F#786F5F#81665F
#5C9D4D#65944D#6E8B4D#76834D#7F7A4D#88714D#93664D
#66AB35#71A035#7C9535#878A35#927F35#9D7435#AB6635

Colorpallet from #3566AB to #AB3566 and to #AB6635
#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB#3566AB
#485EA0#485F9F#48619D#48629C#48639B#48649A#486698
#5B5695#5B5992#5B5B90#5B5E8D#5B608B#5B6388#5B6685
#6E4E8A#6E5286#6E5682#6E5A7E#6E5D7B#6E6177#6E6672
#81477F#814C7A#815175#815670#815B6B#816065#81665F
#933F74#93456E#934B68#935261#93585B#935E55#93664D
#AB3566#AB3D5E#AB4556#AB4D4E#AB5447#AB5C3F#AB6635