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 #3F5FA7 to #3FA75F and to #5F3FA7
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#3F6B9B#40689D#41669F#4163A1#4260A3#435DA5#445AA7
#3F7690#417194#426B97#44669B#45619F#475CA2#4955A7
#3F8284#417A8A#44728F#466A95#49629A#4B5AA0#4E50A7
#3F8D79#428280#457888#496D8F#4C6396#4F589E#534BA7
#3F996D#438C76#477E80#4B7189#506392#54569B#5945A7
#3FA75F#44966B#498676#4E7582#53648D#595499#5F3FA7

Colorpallet from #3F5FA7 to #3FA75F and to #5FA73F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#3F6B9B#406B9A#416B99#416B99#426B98#436B97#446B96
#3F7690#41768E#42768D#44768B#45768A#477688#497686
#3F8284#418282#44827F#46827D#49827A#4B8278#4E8275
#3F8D79#428D76#458D72#498D6F#4C8D6C#4F8D68#538D64
#3F996D#439969#479965#4B9961#50995D#549959#599954
#3FA75F#44A75A#49A755#4EA750#53A74B#59A745#5FA73F

Colorpallet from #3F5FA7 to #3FA75F and to #A73F5F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#3F6B9B#42689B#44669B#47639B#4A609B#4D5D9B#505A9B
#3F7690#447190#4A6B90#4F6690#546190#595C90#605590
#3F8284#477A84#4F7284#576A84#5F6284#675A84#715084
#3F8D79#4A8279#547879#5F6D79#6A6379#755879#824B79
#3F996D#4C8C6D#5A7E6D#67716D#74636D#81566D#92456D
#3FA75F#50965F#60865F#71755F#82645F#92545F#A73F5F

Colorpallet from #3F5FA7 to #3FA75F and to #A75F3F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#3F6B9B#42699A#446799#476599#4A6398#4D6197#505F96
#3F7690#44728E#4A6F8D#4F6B8B#54678A#596488#605F86
#3F8284#477C82#4F777F#57717D#5F6C7A#676678#715F75
#3F8D79#4A8676#547E72#5F776F#6A706C#756868#825F64
#3F996D#4C9069#5A8665#677D61#74745D#816B59#925F54
#3FA75F#509B5A#609055#718450#82794B#926D45#A75F3F

Colorpallet from #3F5FA7 to #5F3FA7 and to #5FA73F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#445AA7#445DA4#445FA2#44629F#44659C#446899#446B96
#4955A7#495AA2#49609C#496597#496A92#496F8D#497686
#4E50A7#4E589F#4E6097#4E688F#4E7087#4E787F#4E8275
#534BA7#53569C#536092#536B87#53757C#538071#538D64
#5945A7#59529A#59608C#596D7F#597B72#598865#599954
#5F3FA7#5F5096#5F6086#5F7175#5F8264#5F9254#5FA73F

Colorpallet from #3F5FA7 to #5F3FA7 and to #A73F5F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#445AA7#465AA5#485AA3#4A5AA1#4C5A9F#4E5A9D#505A9B
#4955A7#4D55A3#5055A0#54559C#585598#5B5595#605590
#4E50A7#5450A1#59509C#5F5096#645091#6A508B#715084
#534BA7#5B4BA0#624B98#6A4B91#714B8A#794B82#824B79
#5945A7#62459E#6B4594#74458B#7D4582#874579#92456D
#5F3FA7#6B3F9B#763F90#823F84#8D3F79#993F6D#A73F5F

Colorpallet from #3F5FA7 to #5F3FA7 and to #A75F3F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#445AA7#465BA4#485CA2#4A5C9F#4C5D9C#4E5E99#505F96
#4955A7#4D57A2#50589C#545A97#585B92#5B5D8D#605F86
#4E50A7#54529F#595597#5F578F#645A87#6A5C7F#715F75
#534BA7#5B4E9C#625192#6A5587#71587C#795B71#825F64
#5945A7#62499A#6B4D8C#74517F#7D5672#875A65#925F54
#5F3FA7#6B4496#764986#824E75#8D5364#995954#A75F3F

Colorpallet from #3F5FA7 to #5FA73F and to #A73F5F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#446B96#466897#486698#4A6398#4C6099#4E5D9A#505A9B
#497686#4D7188#506B89#54668B#58618C#5B5C8E#605590
#4E8275#547A77#59727A#5F6A7C#64627F#6A5A81#715084
#538D64#5B8267#62786B#6A6D6E#716371#795875#824B79
#599954#628C58#6B7E5C#747160#7D6364#875668#92456D
#5FA73F#6B9644#768649#82754E#8D6453#995459#A73F5F

Colorpallet from #3F5FA7 to #5FA73F and to #A75F3F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#446B96#466996#486796#4A6596#4C6396#4E6196#505F96
#497686#4D7286#506F86#546B86#586786#5B6486#605F86
#4E8275#547C75#597775#5F7175#646C75#6A6675#715F75
#538D64#5B8664#627E64#6A7764#717064#796864#825F64
#599954#629054#6B8654#747D54#7D7454#876B54#925F54
#5FA73F#6B9B3F#76903F#82843F#8D793F#996D3F#A75F3F

Colorpallet from #3F5FA7 to #A73F5F and to #A75F3F
#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7#3F5FA7
#505A9B#505B9A#505C99#505C99#505D98#505E97#505F96
#605590#60578E#60588D#605A8B#605B8A#605D88#605F86
#715084#715282#71557F#71577D#715A7A#715C78#715F75
#824B79#824E76#825172#82556F#82586C#825B68#825F64
#92456D#924969#924D65#925161#92565D#925A59#925F54
#A73F5F#A7445A#A74955#A74E50#A7534B#A75945#A75F3F