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 #3C8AAB to #3CAB8A and to #8A3CAB
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#3C8FA6#3E8CA7#408AA8#4287A8#4484A9#4681AA#487EAB
#3C95A0#408FA2#4489A4#4884A5#4C7EA7#5078A9#5571AB
#3C9A9B#42929E#4889A0#4E81A3#5478A5#5A70A8#6165AB
#3C9F96#449499#4C889D#547DA0#5C72A3#6466A7#6E58AB
#3CA491#469695#508899#5A7A9D#646CA2#6E5EA6#7A4CAB
#3CAB8A#48998F#558795#61769A#6E649F#7A52A4#8A3CAB

Colorpallet from #3C8AAB to #3CAB8A and to #8AAB3C
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#3C8FA6#3E8FA4#408FA2#428FA0#448F9E#468F9C#488F99
#3C95A0#40959C#449598#489594#4C9590#50958C#559587
#3C9A9B#429A95#489A8F#4E9A89#549A83#5A9A7D#619A76
#3C9F96#449F8E#4C9F86#549F7E#5C9F76#649F6E#6E9F64
#3CA491#46A487#50A47D#5AA473#64A469#6EA45F#7AA452
#3CAB8A#48AB7E#55AB71#61AB65#6EAB58#7AAB4C#8AAB3C

Colorpallet from #3C8AAB to #3CAB8A and to #AB3C8A
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#3C8FA6#3F8CA6#428AA6#4587A6#4884A6#4A81A6#4E7EA6
#3C95A0#428FA0#4889A0#4D84A0#537EA0#5978A0#6071A0
#3C9A9B#44929B#4D899B#55819B#5E789B#66709B#71659B
#3C9F96#479496#538896#5E7D96#697296#756696#835896
#3CA491#4A9691#588891#677A91#756C91#835E91#954C91
#3CAB8A#4E998A#60878A#71768A#83648A#95528A#AB3C8A

Colorpallet from #3C8AAB to #3CAB8A and to #AB8A3C
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#3C8FA6#3F8EA4#428DA2#458DA0#488C9E#4A8B9C#4E8A99
#3C95A0#42939C#489198#4D9094#538E90#598C8C#608A87
#3C9A9B#449795#4D958F#559289#5E9083#668D7D#718A76
#3C9F96#479C8E#539886#5E957E#699276#758E6E#838A64
#3CA491#4AA087#589C7D#679873#759369#838F5F#958A52
#3CAB8A#4EA67E#60A071#719B65#839658#95914C#AB8A3C

Colorpallet from #3C8AAB to #8A3CAB and to #8AAB3C
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#487EAB#4881A8#4883A5#4886A2#48899F#488C9D#488F99
#5571AB#5577A5#557D9F#55829A#558894#558E8E#559587
#6165AB#616DA3#61769A#617E92#618789#618F81#619A76
#6E58AB#6E63A0#6E6F94#6E7A89#6E857E#6E9172#6E9F64
#7A4CAB#7A5A9D#7A688F#7A7680#7A8472#7A9264#7AA452
#8A3CAB#8A4E99#8A6087#8A7176#8A8364#8A9552#8AAB3C

Colorpallet from #3C8AAB to #8A3CAB and to #AB3C8A
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#487EAB#497EAA#4A7EA9#4B7EA9#4C7EA8#4D7EA7#4E7EA6
#5571AB#5771A9#5971A7#5A71A6#5C71A4#5E71A2#6071A0
#6165AB#6465A8#6665A6#6965A3#6B65A1#6E659E#71659B
#6E58AB#7158A8#7558A4#7858A1#7B589E#7F589A#835896
#7A4CAB#7E4CA7#834CA3#874C9F#8B4C9A#904C96#954C91
#8A3CAB#8F3CA6#953CA0#9A3C9B#9F3C96#A43C91#AB3C8A

Colorpallet from #3C8AAB to #8A3CAB and to #AB8A3C
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#487EAB#4980A8#4A82A5#4B84A2#4C869F#4D889D#4E8A99
#5571AB#5775A5#59799F#5A7D9A#5C8194#5E858E#608A87
#6165AB#646BA3#66719A#697792#6B7D89#6E8381#718A76
#6E58AB#7160A0#756894#787089#7B787E#7F8072#838A64
#7A4CAB#7E569D#83608F#876A80#8B7472#907E64#958A52
#8A3CAB#8F4899#955587#9A6176#9F6E64#A47A52#AB8A3C

Colorpallet from #3C8AAB to #8AAB3C and to #AB3C8A
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#488F99#498C9B#4A8A9D#4B879F#4C84A1#4D81A3#4E7EA6
#559587#578F8B#59898F#5A8493#5C7E97#5E789B#6071A0
#619A76#64927C#668982#698188#6B788E#6E7094#71659B
#6E9F64#71946C#758874#787D7C#7B7284#7F668C#835896
#7AA452#7E965C#838866#877A70#8B6C7A#905E84#954C91
#8AAB3C#8F9948#958755#9A7661#9F646E#A4527A#AB3C8A

Colorpallet from #3C8AAB to #8AAB3C and to #AB8A3C
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#488F99#498E99#4A8D99#4B8D99#4C8C99#4D8B99#4E8A99
#559587#579387#599187#5A9087#5C8E87#5E8C87#608A87
#619A76#649776#669576#699276#6B9076#6E8D76#718A76
#6E9F64#719C64#759864#789564#7B9264#7F8E64#838A64
#7AA452#7EA052#839C52#879852#8B9352#908F52#958A52
#8AAB3C#8FA63C#95A03C#9A9B3C#9F963C#A4913C#AB8A3C

Colorpallet from #3C8AAB to #AB3C8A and to #AB8A3C
#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB#3C8AAB
#4E7EA6#4E80A4#4E82A2#4E84A0#4E869E#4E889C#4E8A99
#6071A0#60759C#607998#607D94#608190#60858C#608A87
#71659B#716B95#71718F#717789#717D83#71837D#718A76
#835896#83608E#836886#83707E#837876#83806E#838A64
#954C91#955687#95607D#956A73#957469#957E5F#958A52
#AB3C8A#AB487E#AB5571#AB6165#AB6E58#AB7A4C#AB8A3C