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 #3A6984 to #3A8469 and to #693A84
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#3A6D80#3B6B81#3D6981#3E6782#3F6583#406383#426184
#3A727B#3C6E7C#3F6A7E#41667F#446381#465F82#495A84
#3A7677#3E7079#416A7B#45657D#495F7F#4C5981#515284
#3A7A73#3F7276#446B78#48637B#4D5C7E#525481#584B84
#3A7F6E#407572#466C75#4C6279#52597C#584F80#604384
#3A8469#42786D#496C72#516076#58557A#60497F#693A84

Colorpallet from #3A6984 to #3A8469 and to #69843A
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#3A6D80#3B6D7F#3D6D7D#3E6D7C#3F6D7B#406D7A#426D78
#3A727B#3C7279#3F7276#417274#447271#46726F#49726C
#3A7677#3E7673#417670#45766C#497668#4C7665#517660
#3A7A73#3F7A6E#447A69#487A65#4D7A60#527A5B#587A55
#3A7F6E#407F68#467F62#4C7F5C#527F56#587F50#607F49
#3A8469#428461#49845A#518452#58844B#608443#69843A

Colorpallet from #3A6984 to #3A8469 and to #843A69
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#3A6D80#3C6B80#3E6980#406780#426580#446380#466180
#3A727B#3E6E7B#426A7B#46667B#49637B#4D5F7B#525A7B
#3A7677#407077#466A77#4B6577#515F77#575977#5E5277
#3A7A73#427273#496B73#516373#585C73#605473#694B73
#3A7F6E#43756E#4D6C6E#56626E#60596E#694F6E#75436E
#3A8469#467869#526C69#5E6069#695569#754969#843A69

Colorpallet from #3A6984 to #3A8469 and to #84693A
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#3A6D80#3C6C7F#3E6C7D#406B7C#426A7B#446A7A#466978
#3A727B#3E7179#426F76#466E74#496C71#4D6B6F#52696C
#3A7677#407473#467270#4B706C#516E68#576C65#5E6960
#3A7A73#42776E#497569#517265#586F60#606C5B#696955
#3A7F6E#437B68#4D7862#56745C#607156#696D50#756949
#3A8469#468061#527B5A#5E7752#69734B#756E43#84693A

Colorpallet from #3A6984 to #693A84 and to #69843A
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#426184#426382#426580#42677E#42697C#426B7A#426D78
#495A84#495E80#49627C#496678#496975#496D71#49726C
#515284#51587E#515E78#516373#51696D#516F67#517660
#584B84#58537C#585A75#58626D#586966#58715E#587A55
#604384#604D7B#605671#606068#60695E#607355#607F49
#693A84#694678#69526C#695E60#696955#697549#69843A

Colorpallet from #3A6984 to #693A84 and to #843A69
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#426184#436183#436183#446182#456181#456181#466180
#495A84#4A5A83#4C5A81#4D5A80#4F5A7E#505A7D#525A7B
#515284#535282#555280#57527E#59527C#5B527A#5E5277
#584B84#5B4B81#5D4B7F#604B7C#634B79#664B76#694B73
#604384#634380#67437D#6A4379#6D4376#714372#75436E
#693A84#6D3A80#723A7B#763A77#7A3A73#7F3A6E#843A69

Colorpallet from #3A6984 to #693A84 and to #84693A
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#426184#436282#436480#44657E#45667C#45677A#466978
#495A84#4A5C80#4C5F7C#4D6178#4F6475#506671#52696C
#515284#53567E#555978#575D73#59616D#5B6467#5E6960
#584B84#5B507C#5D5575#60596D#635E66#66635E#696955
#604384#63497B#674F71#6A5568#6D5B5E#716155#756949
#693A84#6D4278#72496C#765160#7A5855#7F6049#84693A

Colorpallet from #3A6984 to #69843A and to #843A69
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#426D78#436B79#43697B#44677C#45657D#45637E#466180
#49726C#4A6E6E#4C6A71#4D6673#4F6376#505F78#525A7B
#517660#537064#556A67#57656B#595F6F#5B5972#5E5277
#587A55#5B725A#5D6B5F#606363#635C68#66546D#694B73
#607F49#63754F#676C55#6A625B#6D5961#714F67#75436E
#69843A#6D7842#726C49#766051#7A5558#7F4960#843A69

Colorpallet from #3A6984 to #69843A and to #84693A
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#426D78#436C78#436C78#446B78#456A78#456A78#466978
#49726C#4A716C#4C6F6C#4D6E6C#4F6C6C#506B6C#52696C
#517660#537460#557260#577060#596E60#5B6C60#5E6960
#587A55#5B7755#5D7555#607255#636F55#666C55#696955
#607F49#637B49#677849#6A7449#6D7149#716D49#756949
#69843A#6D803A#727B3A#76773A#7A733A#7F6E3A#84693A

Colorpallet from #3A6984 to #843A69 and to #84693A
#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984#3A6984
#466180#46627F#46647D#46657C#46667B#46677A#466978
#525A7B#525C79#525F76#526174#526471#52666F#52696C
#5E5277#5E5673#5E5970#5E5D6C#5E6168#5E6465#5E6960
#694B73#69506E#695569#695965#695E60#69635B#696955
#75436E#754968#754F62#75555C#755B56#756150#756949
#843A69#844261#84495A#845152#84584B#846043#84693A