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 #3F5B80 to #3F805B and to #5B3F80
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#3F617A#405F7B#405E7C#415C7D#425B7E#42597F#435780
#3F6774#406476#426078#435D7A#455A7C#46567E#485280
#3F6D6E#416871#436374#455E77#47597A#49547C#4C4E80
#3F7368#426C6C#456670#485F74#4B5877#4D517B#514980
#3F7962#437167#46686C#4A6070#4D5875#514F7A#554580
#3F805B#437661#486B67#4C616D#515673#554C79#5B3F80

Colorpallet from #3F5B80 to #3F805B and to #5B803F
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#3F617A#406179#406179#416178#426177#426177#436176
#3F6774#406773#426771#436770#45676E#46676D#48676B
#3F6D6E#416D6C#436D6A#456D68#476D66#496D64#4C6D61
#3F7368#427365#457362#48735F#4B735C#4D735A#517356
#3F7962#43795E#46795B#4A7957#4D7954#517950#55794C
#3F805B#438057#488052#4C804E#518049#558045#5B803F

Colorpallet from #3F5B80 to #3F805B and to #803F5B
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#3F617A#415F7A#425E7A#445C7A#455B7A#47597A#49577A
#3F6774#426474#466074#495D74#4C5A74#505674#545274
#3F6D6E#44686E#49636E#4E5E6E#53596E#58546E#5E4E6E
#3F7368#466C68#4C6668#535F68#5A5868#615168#694968
#3F7962#477162#506862#586062#605862#694F62#734562
#3F805B#49765B#546B5B#5E615B#69565B#734C5B#803F5B

Colorpallet from #3F5B80 to #3F805B and to #805B3F
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#3F617A#416079#425F79#445E78#455D77#475C77#495B76
#3F6774#426573#466371#496170#4C5F6E#505D6D#545B6B
#3F6D6E#446A6C#49676A#4E6468#536166#585F64#5E5B61
#3F7368#466F65#4C6B62#53675F#5A645C#61605A#695B56
#3F7962#47745E#506F5B#586B57#606654#696150#735B4C
#3F805B#497A57#547452#5E6E4E#696849#736245#805B3F

Colorpallet from #3F5B80 to #5B3F80 and to #5B803F
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#435780#43597E#435A7D#435C7B#435D7A#435F78#436176
#485280#48557D#485979#485C76#485F73#48636F#48676B
#4C4E80#4C537B#4C5876#4C5D71#4C626C#4C6767#4C6D61
#514980#515079#515673#515D6C#516465#516B5E#517356
#554580#554D78#55566F#555E67#55665F#556F56#55794C
#5B3F80#5B4976#5B546B#5B5E61#5B6956#5B734C#5B803F

Colorpallet from #3F5B80 to #5B3F80 and to #803F5B
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#435780#44577F#45577E#46577D#47577C#48577B#49577A
#485280#4A527E#4C527C#4E527A#505278#525276#545274
#4C4E80#4F4E7D#524E7A#554E77#584E74#5A4E72#5E4E6E
#514980#55497C#594978#5D4974#604971#64496D#694968
#554580#5A457B#5F4576#634572#68456D#6D4568#734562
#5B3F80#613F7A#673F74#6D3F6E#733F68#793F62#803F5B

Colorpallet from #3F5B80 to #5B3F80 and to #805B3F
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#435780#44587E#45587D#46597B#475A7A#485A78#495B76
#485280#4A537D#4C5579#4E5676#505873#52596F#545B6B
#4C4E80#4F507B#525276#555471#58566C#5A5867#5E5B61
#514980#554C79#594F73#5D526C#605565#64575E#695B56
#554580#5A4978#5F4C6F#635067#68535F#6D5756#735B4C
#5B3F80#614376#67486B#6D4C61#735156#79554C#805B3F

Colorpallet from #3F5B80 to #5B803F and to #803F5B
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#436176#445F77#455E77#465C78#475B79#485979#49577A
#48676B#4A646C#4C606E#4E5D6F#505A71#525672#545274
#4C6D61#4F6863#526365#555E67#585969#5A546B#5E4E6E
#517356#556C59#59665C#5D5F5F#605862#645164#694968
#55794C#5A7150#5F6853#636057#68585A#6D4F5E#734562
#5B803F#617643#676B48#6D614C#735651#794C55#803F5B

Colorpallet from #3F5B80 to #5B803F and to #805B3F
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#436176#446076#455F76#465E76#475D76#485C76#495B76
#48676B#4A656B#4C636B#4E616B#505F6B#525D6B#545B6B
#4C6D61#4F6A61#526761#556461#586161#5A5F61#5E5B61
#517356#556F56#596B56#5D6756#606456#646056#695B56
#55794C#5A744C#5F6F4C#636B4C#68664C#6D614C#735B4C
#5B803F#617A3F#67743F#6D6E3F#73683F#79623F#805B3F

Colorpallet from #3F5B80 to #803F5B and to #805B3F
#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80#3F5B80
#49577A#495879#495879#495978#495A77#495A77#495B76
#545274#545373#545571#545670#54586E#54596D#545B6B
#5E4E6E#5E506C#5E526A#5E5468#5E5666#5E5864#5E5B61
#694968#694C65#694F62#69525F#69555C#69575A#695B56
#734562#73495E#734C5B#735057#735354#735750#735B4C
#803F5B#804357#804852#804C4E#805149#805545#805B3F