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 #3F96A2 to #3FA296 and to #963FA2
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#3F98A0#4195A0#4393A1#4690A1#488EA1#4A8BA2#4D88A2
#3F9A9E#43959F#48909F#4C8BA0#5186A1#5580A1#5B7AA2
#3F9C9C#46949D#4C8D9E#53859F#5A7DA0#6176A1#696CA2
#3F9E9A#48949B#518A9D#5A7F9E#63759F#6C6BA0#775EA2
#3FA098#4A939A#55869B#617A9D#6C6D9E#7760A0#8550A2
#3FA296#4D9298#5B829A#69729C#77639E#8553A0#963FA2

Colorpallet from #3F96A2 to #3FA296 and to #96A23F
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#3F98A0#41989E#43989C#469899#489897#4A9895#4D9892
#3F9A9E#439A9A#489A95#4C9A91#519A8C#559A88#5B9A82
#3F9C9C#469C95#4C9C8F#539C88#5A9C81#619C7A#699C72
#3F9E9A#489E91#519E88#5A9E80#639E77#6C9E6E#779E63
#3FA098#4AA08D#55A082#61A077#6CA06C#77A061#85A053
#3FA296#4DA288#5BA27A#69A26C#77A25E#85A250#96A23F

Colorpallet from #3F96A2 to #3FA296 and to #A23F96
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#3F98A0#4295A0#4493A0#4790A0#498EA0#4C8BA0#4F88A0
#3F9A9E#44959E#49909E#4E8B9E#53869E#59809E#5F7A9E
#3F9C9C#47949C#4E8D9C#56859C#5E7D9C#65769C#6F6C9C
#3F9E9A#49949A#538A9A#5D7F9A#67759A#716B9A#7E5E9A
#3FA098#4C9398#588698#657A98#726D98#7E6098#8E5098
#3FA296#4F9296#5F8296#6F7296#7E6396#8E5396#A23F96

Colorpallet from #3F96A2 to #3FA296 and to #A2963F
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#3F98A0#42989E#44979C#479799#499797#4C9695#4F9692
#3F9A9E#44999A#499995#4E9891#53978C#599788#5F9682
#3F9C9C#479B95#4E9A8F#569988#5E9881#65977A#6F9672
#3F9E9A#499D91#539B88#5D9A80#679977#71986E#7E9663
#3FA098#4C9E8D#589D82#659B77#729A6C#7E9861#8E9653
#3FA296#4FA088#5F9E7A#6F9C6C#7E9A5E#8E9850#A2963F

Colorpallet from #3F96A2 to #963FA2 and to #96A23F
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#4D88A2#4D8B9F#4D8D9D#4D909A#4D9298#4D9595#4D9892
#5B7AA2#5B7F9D#5B8498#5B8993#5B8E8E#5B9488#5B9A82
#696CA2#69749A#697B93#69838B#698B83#69927C#699C72
#775EA2#776898#77728E#777D84#77877A#779170#779E63
#8550A2#855D95#856A89#85767C#85836F#859063#85A053
#963FA2#964F92#965F82#966F72#967E63#968E53#96A23F

Colorpallet from #3F96A2 to #963FA2 and to #A23F96
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#4D88A2#4D88A2#4E88A1#4E88A1#4E88A1#4F88A0#4F88A0
#5B7AA2#5C7AA1#5C7AA1#5D7AA0#5E7A9F#5E7A9F#5F7A9E
#696CA2#6A6CA1#6B6CA0#6C6C9F#6D6C9E#6E6C9D#6F6C9C
#775EA2#785EA1#795E9F#7A5E9E#7B5E9D#7D5E9C#7E5E9A
#8550A2#8650A0#88509F#89509D#8B509C#8C509A#8E5098
#963FA2#983FA0#9A3F9E#9C3F9C#9E3F9A#A03F98#A23F96

Colorpallet from #3F96A2 to #963FA2 and to #A2963F
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#4D88A2#4D8A9F#4E8C9D#4E8F9A#4E9198#4F9395#4F9692
#5B7AA2#5C7E9D#5C8398#5D8793#5E8C8E#5E9088#5F9682
#696CA2#6A739A#6B7993#6C808B#6D8783#6E8E7C#6F9672
#775EA2#786798#79708E#7A7984#7B827A#7D8B70#7E9663
#8550A2#865B95#886689#89727C#8B7D6F#8C8863#8E9653
#963FA2#984D92#9A5B82#9C6972#9E7763#A08553#A2963F

Colorpallet from #3F96A2 to #96A23F and to #A23F96
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#4D9892#4D9594#4E9396#4E9099#4E8E9B#4F8B9D#4F88A0
#5B9A82#5C9586#5C908B#5D8B8F#5E8694#5E8098#5F7A9E
#699C72#6A9479#6B8D7F#6C8586#6D7D8D#6E7694#6F6C9C
#779E63#78946C#798A75#7A7F7D#7B7586#7D6B8F#7E5E9A
#85A053#86935E#888669#897A74#8B6D7F#8C608A#8E5098
#96A23F#98924D#9A825B#9C7269#9E6377#A05385#A23F96

Colorpallet from #3F96A2 to #96A23F and to #A2963F
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#4D9892#4D9892#4E9792#4E9792#4E9792#4F9692#4F9692
#5B9A82#5C9982#5C9982#5D9882#5E9782#5E9782#5F9682
#699C72#6A9B72#6B9A72#6C9972#6D9872#6E9772#6F9672
#779E63#789D63#799B63#7A9A63#7B9963#7D9863#7E9663
#85A053#869E53#889D53#899B53#8B9A53#8C9853#8E9653
#96A23F#98A03F#9A9E3F#9C9C3F#9E9A3F#A0983F#A2963F

Colorpallet from #3F96A2 to #A23F96 and to #A2963F
#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2#3F96A2
#4F88A0#4F8A9E#4F8C9C#4F8F99#4F9197#4F9395#4F9692
#5F7A9E#5F7E9A#5F8395#5F8791#5F8C8C#5F9088#5F9682
#6F6C9C#6F7395#6F798F#6F8088#6F8781#6F8E7A#6F9672
#7E5E9A#7E6791#7E7088#7E7980#7E8277#7E8B6E#7E9663
#8E5098#8E5B8D#8E6682#8E7277#8E7D6C#8E8861#8E9653
#A23F96#A24D88#A25B7A#A2696C#A2775E#A28550#A2963F