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 #5F86B9 to #5FB986 and to #865FB9
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#5F8EB1#608CB2#618AB4#6287B5#6385B6#6483B7#6580B9
#5F96A9#6192AC#638DAE#6589B1#6784B3#6980B6#6B7AB9
#5F9EA1#6297A5#6590A9#6889AD#6B82B0#6E7CB4#7273B9
#5FA798#639E9D#6794A3#6B8BA8#6F82AD#7379B2#786DB9
#5FAF90#64A397#69989D#6E8CA4#7381AA#7875B1#7E67B9
#5FB986#65AB8E#6B9C96#728E9E#787FA7#7E71AF#865FB9

Colorpallet from #5F86B9 to #5FB986 and to #86B95F
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#5F8EB1#608EB0#618EAF#628EAE#638EAD#648EAC#658EAB
#5F96A9#6196A7#6396A5#6596A3#6796A1#69969F#6B969C
#5F9EA1#629E9E#659E9B#689E98#6B9E95#6E9E92#729E8E
#5FA798#63A794#67A790#6BA78C#6FA788#73A784#78A77F
#5FAF90#64AF8B#69AF86#6EAF81#73AF7C#78AF77#7EAF71
#5FB986#65B980#6BB97A#72B973#78B96D#7EB967#86B95F

Colorpallet from #5F86B9 to #5FB986 and to #B95F86
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#5F8EB1#618CB1#638AB1#6687B1#6885B1#6A83B1#6D80B1
#5F96A9#6492A9#688DA9#6D89A9#7284A9#7680A9#7C7AA9
#5F9EA1#6697A1#6D90A1#7489A1#7B82A1#817CA1#8A73A1
#5FA798#689E98#729498#7B8B98#848298#8D7998#996D98
#5FAF90#6BA390#769890#828C90#8D8190#997590#A76790
#5FB986#6DAB86#7C9C86#8A8E86#997F86#A77186#B95F86

Colorpallet from #5F86B9 to #5FB986 and to #B9865F
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#5F8EB1#618DB0#638BAF#668AAE#6889AD#6A88AC#6D86AB
#5F96A9#6493A7#6891A5#6D8EA3#728CA1#76899F#7C869C
#5F9EA1#669A9E#6D969B#749298#7B8F95#818B92#8A868E
#5FA798#68A294#729C90#7B978C#849288#8D8D84#99867F
#5FAF90#6BA88B#76A286#829B81#8D957C#998E77#A78671
#5FB986#6DB180#7CA97A#8AA173#99986D#A79067#B9865F

Colorpallet from #5F86B9 to #865FB9 and to #86B95F
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#6580B9#6582B7#6584B5#6587B2#6589B0#658BAE#658EAB
#6B7AB9#6B7EB4#6B83B0#6B87AB#6B8CA6#6B90A2#6B969C
#7273B9#727AB2#7281AB#7288A4#728F9D#729597#729E8E
#786DB9#7876B0#7880A6#78899D#789294#789B8B#78A77F
#7E67B9#7E73AD#7E7EA2#7E8A96#7E958B#7EA17F#7EAF71
#865FB9#866DAB#867C9C#868A8E#86997F#86A771#86B95F

Colorpallet from #5F86B9 to #865FB9 and to #B95F86
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#6580B9#6680B8#6880B6#6980B5#6A80B4#6B80B3#6D80B1
#6B7AB9#6E7AB6#707AB4#737AB1#767AAF#797AAC#7C7AA9
#7273B9#7673B5#7A73B1#7E73AD#8173AA#8573A6#8A73A1
#786DB9#7D6DB4#836DAE#886DA9#8D6DA4#926D9F#996D98
#7E67B9#8567B2#8B67AC#9267A5#98679F#9F6798#A76790
#865FB9#8E5FB1#965FA9#9E5FA1#A75F98#AF5F90#B95F86

Colorpallet from #5F86B9 to #865FB9 and to #B9865F
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#6580B9#6681B7#6882B5#6983B2#6A84B0#6B85AE#6D86AB
#6B7AB9#6E7CB4#707EB0#7380AB#7682A6#7984A2#7C869C
#7273B9#7676B2#7A79AB#7E7CA4#817F9D#858297#8A868E
#786DB9#7D71B0#8375A6#88799D#8D7D94#92818B#99867F
#7E67B9#856CAD#8B71A2#927696#987B8B#9F807F#A78671
#865FB9#8E65AB#966B9C#9E728E#A7787F#AF7E71#B9865F

Colorpallet from #5F86B9 to #86B95F and to #B95F86
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#658EAB#668CAC#688AAD#6987AE#6A85AF#6B83B0#6D80B1
#6B969C#6E929E#708DA0#7389A2#7684A4#7980A6#7C7AA9
#729E8E#769791#7A9094#7E8997#81829A#857C9D#8A73A1
#78A77F#7D9E83#839487#888B8B#8D828F#927993#996D98
#7EAF71#85A376#8B987B#928C80#988185#9F758A#A76790
#86B95F#8EAB65#969C6B#9E8E72#A77F78#AF717E#B95F86

Colorpallet from #5F86B9 to #86B95F and to #B9865F
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#658EAB#668DAB#688BAB#698AAB#6A89AB#6B88AB#6D86AB
#6B969C#6E939C#70919C#738E9C#768C9C#79899C#7C869C
#729E8E#769A8E#7A968E#7E928E#818F8E#858B8E#8A868E
#78A77F#7DA27F#839C7F#88977F#8D927F#928D7F#99867F
#7EAF71#85A871#8BA271#929B71#989571#9F8E71#A78671
#86B95F#8EB15F#96A95F#9EA15F#A7985F#AF905F#B9865F

Colorpallet from #5F86B9 to #B95F86 and to #B9865F
#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9#5F86B9
#6D80B1#6D81B0#6D82AF#6D83AE#6D84AD#6D85AC#6D86AB
#7C7AA9#7C7CA7#7C7EA5#7C80A3#7C82A1#7C849F#7C869C
#8A73A1#8A769E#8A799B#8A7C98#8A7F95#8A8292#8A868E
#996D98#997194#997590#99798C#997D88#998184#99867F
#A76790#A76C8B#A77186#A77681#A77B7C#A78077#A78671
#B95F86#B96580#B96B7A#B97273#B9786D#B97E67#B9865F