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 #368EB5 to #36B58E and to #8E36B5
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#3694AF#3891B0#3A8EB1#3D8AB2#3F87B3#4184B4#4480B5
#369AA9#3A94AB#3F8DAD#4387AF#4880B1#4C7AB3#5272B5
#36A1A2#3D97A5#438DA8#4A84AB#517AAE#5870B1#6064B5
#36A79C#3F9AA0#488DA4#5180A8#5A73AC#6366B0#6E56B5
#36AD96#419D9B#4C8DA0#587DA5#636CAA#6E5CAF#7C48B5
#36B58E#44A194#528C9A#6078A1#6E64A7#7C4FAD#8E36B5

Colorpallet from #368EB5 to #36B58E and to #8EB536
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#3694AF#3894AD#3A94AB#3D94A8#3F94A6#4194A4#4494A1
#369AA9#3A9AA4#3F9AA0#439A9B#489A96#4C9A92#529A8C
#36A1A2#3DA19B#43A195#4AA18E#51A187#58A180#60A178
#36A79C#3FA793#48A78A#51A781#5AA778#63A76F#6EA764
#36AD96#41AD8B#4CAD7F#58AD74#63AD69#6EAD5D#7CAD4F
#36B58E#44B580#52B572#60B564#6EB556#7CB548#8EB536

Colorpallet from #368EB5 to #36B58E and to #B5368E
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#3694AF#3991AF#3C8EAF#408AAF#4387AF#4684AF#4A80AF
#369AA9#3D94A9#438DA9#4A87A9#5080A9#577AA9#5F72A9
#36A1A2#4097A2#4A8DA2#5384A2#5D7AA2#6770A2#7364A2
#36A79C#439A9C#508D9C#5D809C#6A739C#77669C#87569C
#36AD96#469D96#578D96#677D96#776C96#885C96#9C4896
#36B58E#4AA18E#5F8C8E#73788E#87648E#9C4F8E#B5368E

Colorpallet from #368EB5 to #36B58E and to #B58E36
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#3694AF#3993AD#3C92AB#4091A8#4390A6#468FA4#4A8EA1
#369AA9#3D98A4#4396A0#4A949B#509296#579092#5F8E8C
#36A1A2#409E9B#4A9B95#53988E#5D9587#679280#738E78
#36A79C#43A393#509F8A#5D9B81#6A9778#77936F#878E64
#36AD96#46A88B#57A37F#679E74#779969#88945D#9C8E4F
#36B58E#4AAF80#5FA972#73A264#879C56#9C9648#B58E36

Colorpallet from #368EB5 to #8E36B5 and to #8EB536
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#4480B5#4483B2#4486AF#448AAB#448DA8#4490A5#4494A1
#5272B5#5278AE#527FA8#5285A1#528C9B#529294#529A8C
#6064B5#606EAB#6078A1#608198#608B8E#609584#60A178
#6E56B5#6E63A8#6E709B#6E7D8E#6E8A81#6E9774#6EA764
#7C48B5#7C58A5#7C6894#7C7884#7C8974#7C9963#7CAD4F
#8E36B5#8E4AA1#8E5F8C#8E7378#8E8764#8E9C4F#8EB536

Colorpallet from #368EB5 to #8E36B5 and to #B5368E
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#4480B5#4580B4#4680B3#4780B2#4880B1#4980B0#4A80AF
#5272B5#5472B3#5672B1#5872AF#5A72AD#5C72AB#5F72A9
#6064B5#6364B2#6664AF#6964AC#6C64A9#6F64A6#7364A2
#6E56B5#7256B1#7656AD#7A56A9#7E56A5#8256A1#87569C
#7C48B5#8148B0#8648AB#8B48A6#9048A1#96489C#9C4896
#8E36B5#9436AF#9A36A9#A136A2#A7369C#AD3696#B5368E

Colorpallet from #368EB5 to #8E36B5 and to #B58E36
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#4480B5#4582B2#4684AF#4787AB#4889A8#498BA5#4A8EA1
#5272B5#5476AE#567BA8#587FA1#5A849B#5C8894#5F8E8C
#6064B5#636BAB#6671A1#697898#6C7F8E#6F8684#738E78
#6E56B5#725FA8#76689B#7A718E#7E7A81#828374#878E64
#7C48B5#8153A5#865E94#8B6A84#907574#968063#9C8E4F
#8E36B5#9444A1#9A528C#A16078#A76E64#AD7C4F#B58E36

Colorpallet from #368EB5 to #8EB536 and to #B5368E
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#4494A1#4591A3#468EA5#478AA8#4887AA#4984AC#4A80AF
#529A8C#549491#568D95#58879A#5A809F#5C7AA3#5F72A9
#60A178#63977F#668D85#69848C#6C7A93#6F709A#7364A2
#6EA764#729A6D#768D76#7A807F#7E7388#826691#87569C
#7CAD4F#819D5A#868D66#8B7D71#906C7C#965C88#9C4896
#8EB536#94A144#9A8C52#A17860#A7646E#AD4F7C#B5368E

Colorpallet from #368EB5 to #8EB536 and to #B58E36
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#4494A1#4593A1#4692A1#4791A1#4890A1#498FA1#4A8EA1
#529A8C#54988C#56968C#58948C#5A928C#5C908C#5F8E8C
#60A178#639E78#669B78#699878#6C9578#6F9278#738E78
#6EA764#72A364#769F64#7A9B64#7E9764#829364#878E64
#7CAD4F#81A84F#86A34F#8B9E4F#90994F#96944F#9C8E4F
#8EB536#94AF36#9AA936#A1A236#A79C36#AD9636#B58E36

Colorpallet from #368EB5 to #B5368E and to #B58E36
#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5#368EB5
#4A80AF#4A82AD#4A84AB#4A87A8#4A89A6#4A8BA4#4A8EA1
#5F72A9#5F76A4#5F7BA0#5F7F9B#5F8496#5F8892#5F8E8C
#7364A2#736B9B#737195#73788E#737F87#738680#738E78
#87569C#875F93#87688A#877181#877A78#87836F#878E64
#9C4896#9C538B#9C5E7F#9C6A74#9C7569#9C805D#9C8E4F
#B5368E#B54480#B55272#B56064#B56E56#B57C48#B58E36