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 #3F96A4 to #3FA496 and to #963FA4
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#3F98A2#4195A2#4393A3#4690A3#488EA3#4A8BA4#4D88A4
#3F9AA0#4395A1#4890A1#4C8BA2#5186A3#5580A3#5B7AA4
#3F9D9D#46959E#4C8D9F#5385A0#5A7EA1#6176A3#696CA4
#3F9F9B#48959C#518A9E#5A809F#6375A1#6C6BA2#775EA4
#3FA199#4A949B#55879D#617A9E#6C6DA0#7760A2#8550A4
#3FA496#4D9498#5B849A#69749D#77639F#8553A1#963FA4

Colorpallet from #3F96A4 to #3FA496 and to #96A43F
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#3F98A2#4198A0#43989E#46989B#489899#4A9897#4D9894
#3F9AA0#439A9C#489A97#4C9A93#519A8E#559A8A#5B9A84
#3F9D9D#469D96#4C9D90#539D89#5A9D83#619D7C#699D74
#3F9F9B#489F92#519F89#5A9F80#639F77#6C9F6E#779F63
#3FA199#4AA18E#55A183#61A177#6CA16C#77A161#85A153
#3FA496#4DA488#5BA47A#69A46C#77A45E#85A450#96A43F

Colorpallet from #3F96A4 to #3FA496 and to #A43F96
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#3F98A2#4295A2#4493A2#4790A2#498EA2#4C8BA2#4F88A2
#3F9AA0#4495A0#4990A0#4E8BA0#5386A0#5980A0#5F7AA0
#3F9D9D#47959D#4E8D9D#56859D#5E7E9D#65769D#6F6C9D
#3F9F9B#49959B#548A9B#5E809B#69759B#736B9B#805E9B
#3FA199#4C9499#598799#667A99#736D99#806099#905099
#3FA496#4F9496#5F8496#6F7496#806396#905396#A43F96

Colorpallet from #3F96A4 to #3FA496 and to #A4963F
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#3F98A2#4298A0#44979E#47979B#499799#4C9697#4F9694
#3F9AA0#44999C#499997#4E9893#53978E#59978A#5F9684
#3F9D9D#479C96#4E9B90#569A89#5E9983#65977C#6F9674
#3F9F9B#499E92#549C89#5E9B80#699977#73986E#809663
#3FA199#4C9F8E#599D83#669C77#739A6C#809861#909653
#3FA496#4FA288#5FA07A#6F9D6C#809B5E#909950#A4963F

Colorpallet from #3F96A4 to #963FA4 and to #96A43F
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#4D88A4#4D8BA1#4D8D9F#4D909C#4D929A#4D9597#4D9894
#5B7AA4#5B7F9F#5B849A#5B8995#5B8E90#5B948A#5B9A84
#696CA4#69749C#697C95#69848D#698B85#69937E#699D74
#775EA4#77689A#77738F#777D85#77887A#779270#779F63
#8550A4#855D97#856A8A#85777D#858470#859163#85A153
#963FA4#964F94#965F84#966F74#968063#969053#96A43F

Colorpallet from #3F96A4 to #963FA4 and to #A43F96
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#4D88A4#4D88A4#4E88A3#4E88A3#4E88A3#4F88A2#4F88A2
#5B7AA4#5C7AA3#5C7AA3#5D7AA2#5E7AA1#5E7AA1#5F7AA0
#696CA4#6A6CA3#6B6CA2#6C6CA1#6D6CA0#6E6C9E#6F6C9D
#775EA4#785EA3#7A5EA1#7B5EA0#7D5E9E#7E5E9D#805E9B
#8550A4#8750A2#8950A0#8A509F#8C509D#8E509B#905099
#963FA4#983FA2#9A3FA0#9D3F9D#9F3F9B#A13F99#A43F96

Colorpallet from #3F96A4 to #963FA4 and to #A4963F
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#4D88A4#4D8AA1#4E8C9F#4E8F9C#4E919A#4F9397#4F9694
#5B7AA4#5C7E9F#5C839A#5D8795#5E8C90#5E908A#5F9684
#696CA4#6A739C#6B7995#6C808D#6D8785#6E8E7E#6F9674
#775EA4#78679A#7A708F#7B7985#7D827A#7E8B70#809663
#8550A4#875B97#89668A#8A727D#8C7D70#8E8863#909653
#963FA4#984D94#9A5B84#9D6974#9F7763#A18553#A4963F

Colorpallet from #3F96A4 to #96A43F and to #A43F96
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#4D9894#4D9596#4E9398#4E909B#4E8E9D#4F8B9F#4F88A2
#5B9A84#5C9588#5C908D#5D8B91#5E8696#5E809A#5F7AA0
#699D74#6A957B#6B8D81#6C8588#6D7E8E#6E7695#6F6C9D
#779F63#78956C#7A8A75#7B807E#7D7587#7E6B90#805E9B
#85A153#87945E#898769#8A7A75#8C6D80#8E608B#905099
#96A43F#98944D#9A845B#9D7469#9F6377#A15385#A43F96

Colorpallet from #3F96A4 to #96A43F and to #A4963F
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#4D9894#4D9894#4E9794#4E9794#4E9794#4F9694#4F9694
#5B9A84#5C9984#5C9984#5D9884#5E9784#5E9784#5F9684
#699D74#6A9C74#6B9B74#6C9A74#6D9974#6E9774#6F9674
#779F63#789E63#7A9C63#7B9B63#7D9963#7E9863#809663
#85A153#879F53#899D53#8A9C53#8C9A53#8E9853#909653
#96A43F#98A23F#9AA03F#9D9D3F#9F9B3F#A1993F#A4963F

Colorpallet from #3F96A4 to #A43F96 and to #A4963F
#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4#3F96A4
#4F88A2#4F8AA0#4F8C9E#4F8F9B#4F9199#4F9397#4F9694
#5F7AA0#5F7E9C#5F8397#5F8793#5F8C8E#5F908A#5F9684
#6F6C9D#6F7396#6F7990#6F8089#6F8783#6F8E7C#6F9674
#805E9B#806792#807089#807980#808277#808B6E#809663
#905099#905B8E#906683#907277#907D6C#908861#909653
#A43F96#A44D88#A45B7A#A4696C#A4775E#A48550#A4963F