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 #3D8CB4 to #3DB48C and to #8C3DB4
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#3D92AE#3F8FAF#418CB0#4389B1#4586B2#4783B3#4A7FB4
#3D99A7#4193A9#458DAB#4987AD#4D81AF#517BB1#5673B4
#3D9FA1#4396A4#498DA7#4F84AA#557BAD#5B71B0#6366B4
#3DA69A#459A9E#4D8DA2#5581A6#5E75AB#6668AF#7059B4
#3DAC94#479D99#518E9E#5B7EA3#656FA8#6F60AE#7C4DB4
#3DB48C#4AA192#568E99#637B9F#7068A6#7C55AC#8C3DB4

Colorpallet from #3D8CB4 to #3DB48C and to #8CB43D
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#3D92AE#3F92AC#4192AA#4392A8#4592A6#4792A4#4A92A1
#3D99A7#4199A3#45999F#49999B#4D9997#519993#56998E
#3D9FA1#439F9B#499F95#4F9F8F#559F89#5B9F83#639F7B
#3DA69A#45A692#4DA68A#55A682#5EA67A#66A672#70A668
#3DAC94#47AC8A#51AC80#5BAC76#65AC6C#6FAC62#7CAC55
#3DB48C#4AB47F#56B473#63B466#70B459#7CB44D#8CB43D

Colorpallet from #3D8CB4 to #3DB48C and to #B43D8C
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#3D92AE#408FAE#438CAE#4689AE#4986AE#4C83AE#507FAE
#3D99A7#4393A7#498DA7#4F87A7#5581A7#5B7BA7#6373A7
#3D9FA1#4696A1#4F8DA1#5884A1#617BA1#6B71A1#7666A1
#3DA69A#499A9A#558D9A#61819A#6E759A#7A689A#89599A
#3DAC94#4C9D94#5B8E94#6B7E94#7A6F94#896094#9C4D94
#3DB48C#50A18C#638E8C#767B8C#89688C#9C558C#B43D8C

Colorpallet from #3D8CB4 to #3DB48C and to #B48C3D
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#3D92AE#4091AC#4390AA#468FA8#498EA6#4C8DA4#508CA1
#3D99A7#4397A3#49959F#4F939B#559197#5B8F93#638C8E
#3D9FA1#469C9B#4F9995#58968F#619389#6B9083#768C7B
#3DA69A#49A292#559E8A#619A82#6E957A#7A9172#898C68
#3DAC94#4CA78A#5BA280#6B9D76#7A986C#899262#9C8C55
#3DB48C#50AE7F#63A773#76A166#899A59#9C944D#B48C3D

Colorpallet from #3D8CB4 to #8C3DB4 and to #8CB43D
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#4A7FB4#4A82B1#4A85AE#4A88AB#4A8BA8#4A8EA5#4A92A1
#5673B4#5679AE#567FA8#5685A2#568B9C#569196#56998E
#6366B4#636FAB#6378A2#638199#638A90#639486#639F7B
#7059B4#7065A8#70729C#707E90#708A83#709777#70A668
#7C4DB4#7C5CA5#7C6B96#7C7B86#7C8A77#7C9968#7CAC55
#8C3DB4#8C50A1#8C638E#8C767B#8C8968#8C9C55#8CB43D

Colorpallet from #3D8CB4 to #8C3DB4 and to #B43D8C
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#4A7FB4#4B7FB3#4C7FB2#4D7FB1#4E7FB0#4F7FAF#507FAE
#5673B4#5873B2#5A73B0#5C73AE#5E73AC#6073AA#6373A7
#6366B4#6666B1#6966AE#6C66AB#6F66A8#7266A5#7666A1
#7059B4#7459B0#7859AC#7C59A8#8059A3#84599F#89599A
#7C4DB4#814DAF#864DAA#8B4DA5#904DA0#964D9A#9C4D94
#8C3DB4#923DAE#993DA7#9F3DA1#A63D9A#AC3D94#B43D8C

Colorpallet from #3D8CB4 to #8C3DB4 and to #B48C3D
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#4A7FB4#4B81B1#4C83AE#4D85AB#4E87A8#4F89A5#508CA1
#5673B4#5877AE#5A7BA8#5C7FA2#5E839C#608796#638C8E
#6366B4#666CAB#6972A2#6C7899#6F7E90#728486#768C7B
#7059B4#7461A8#78699C#7C7190#807A83#848277#898C68
#7C4DB4#8157A5#866196#8B6B86#907577#967F68#9C8C55
#8C3DB4#924AA1#99568E#9F637B#A67068#AC7C55#B48C3D

Colorpallet from #3D8CB4 to #8CB43D and to #B43D8C
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#4A92A1#4B8FA3#4C8CA5#4D89A7#4E86A9#4F83AB#507FAE
#56998E#589392#5A8D96#5C879A#5E819E#607BA2#6373A7
#639F7B#669681#698D87#6C848D#6F7B93#727199#7666A1
#70A668#749A70#788D78#7C8180#807588#846890#89599A
#7CAC55#819D5F#868E69#8B7E73#906F7D#966087#9C4D94
#8CB43D#92A14A#998E56#9F7B63#A66870#AC557C#B43D8C

Colorpallet from #3D8CB4 to #8CB43D and to #B48C3D
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#4A92A1#4B91A1#4C90A1#4D8FA1#4E8EA1#4F8DA1#508CA1
#56998E#58978E#5A958E#5C938E#5E918E#608F8E#638C8E
#639F7B#669C7B#69997B#6C967B#6F937B#72907B#768C7B
#70A668#74A268#789E68#7C9A68#809568#849168#898C68
#7CAC55#81A755#86A255#8B9D55#909855#969255#9C8C55
#8CB43D#92AE3D#99A73D#9FA13D#A69A3D#AC943D#B48C3D

Colorpallet from #3D8CB4 to #B43D8C and to #B48C3D
#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4#3D8CB4
#507FAE#5081AC#5083AA#5085A8#5087A6#5089A4#508CA1
#6373A7#6377A3#637B9F#637F9B#638397#638793#638C8E
#7666A1#766C9B#767295#76788F#767E89#768483#768C7B
#89599A#896192#89698A#897182#897A7A#898272#898C68
#9C4D94#9C578A#9C6180#9C6B76#9C756C#9C7F62#9C8C55
#B43D8C#B44A7F#B45673#B46366#B47059#B47C4D#B48C3D