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 #3F5FA8 to #3FA85F and to #5F3FA8
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#3F6B9C#40689E#4166A0#4163A2#4260A4#435DA6#445AA8
#3F7691#417195#426B98#44669C#4561A0#475CA3#4955A8
#3F8285#417A8B#447290#466A96#49629B#4B5AA1#4E50A8
#3F8E79#428381#457988#496E90#4C6397#4F589F#534BA8
#3F996E#438C77#477E81#4B718A#506393#54569C#5945A8
#3FA85F#44976B#498676#4E7682#53658E#595499#5F3FA8

Colorpallet from #3F5FA8 to #3FA85F and to #5FA83F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#3F6B9C#406B9B#416B9A#416B9A#426B99#436B98#446B97
#3F7691#41768F#42768D#44768C#45768A#477688#497686
#3F8285#418283#448280#46827E#49827B#4B8279#4E8276
#3F8E79#428E76#458E73#498E6F#4C8E6C#4F8E69#538E65
#3F996E#43996A#479966#4B9962#50995D#549959#599954
#3FA85F#44A85A#49A855#4EA850#53A84B#59A845#5FA83F

Colorpallet from #3F5FA8 to #3FA85F and to #A83F5F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#3F6B9C#42689C#44669C#47639C#4A609C#4D5D9C#505A9C
#3F7691#447191#4A6B91#4F6691#556191#5A5C91#615591
#3F8285#477A85#4F7285#576A85#5F6285#675A85#715085
#3F8E79#4A8379#547979#5F6E79#6A6379#755879#824B79
#3F996E#4C8C6E#5A7E6E#67716E#75636E#82566E#93456E
#3FA85F#50975F#61865F#71765F#82655F#93545F#A83F5F

Colorpallet from #3F5FA8 to #3FA85F and to #A85F3F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#3F6B9C#42699B#44679A#47659A#4A6399#4D6198#505F97
#3F7691#44728F#4A6F8D#4F6B8C#55678A#5A6488#615F86
#3F8285#477C83#4F7780#57717E#5F6C7B#676679#715F76
#3F8E79#4A8676#547F73#5F776F#6A706C#756869#825F65
#3F996E#4C906A#5A8666#677D62#75745D#826B59#935F54
#3FA85F#509C5A#619155#718550#82794B#936E45#A85F3F

Colorpallet from #3F5FA8 to #5F3FA8 and to #5FA83F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#445AA8#445DA5#445FA3#4462A0#44659D#44689A#446B97
#4955A8#495AA3#49609D#496598#496A92#496F8D#497686
#4E50A8#4E58A0#4E6098#4E6890#4E7088#4E7880#4E8276
#534BA8#53569D#536093#536B88#53767D#538172#538E65
#5945A8#59529B#59608D#596D80#597B72#598865#599954
#5F3FA8#5F5097#5F6186#5F7176#5F8265#5F9354#5FA83F

Colorpallet from #3F5FA8 to #5F3FA8 and to #A83F5F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#445AA8#465AA6#485AA4#4A5AA2#4C5AA0#4E5A9E#505A9C
#4955A8#4D55A4#5155A1#55559D#585599#5C5596#615591
#4E50A8#5450A2#59509D#5F5097#645092#6A508C#715085
#534BA8#5B4BA0#624B99#6A4B91#714B8A#794B82#824B79
#5945A8#62459F#6C4595#75458C#7E4583#87457A#93456E
#5F3FA8#6B3F9C#763F91#823F85#8E3F79#993F6E#A83F5F

Colorpallet from #3F5FA8 to #5F3FA8 and to #A85F3F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#445AA8#465BA5#485CA3#4A5CA0#4C5D9D#4E5E9A#505F97
#4955A8#4D57A3#51589D#555A98#585B92#5C5D8D#615F86
#4E50A8#5452A0#595598#5F5790#645A88#6A5C80#715F76
#534BA8#5B4E9D#625193#6A5588#71587D#795B72#825F65
#5945A8#62499B#6C4D8D#755180#7E5672#875A65#935F54
#5F3FA8#6B4497#764986#824E76#8E5365#995954#A85F3F

Colorpallet from #3F5FA8 to #5FA83F and to #A83F5F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#446B97#466898#486699#4A6399#4C609A#4E5D9B#505A9C
#497686#4D7188#516B8A#55668B#58618D#5C5C8F#615591
#4E8276#547A78#59727B#5F6A7D#646280#6A5A82#715085
#538E65#5B8368#62796B#6A6E6F#716372#795875#824B79
#599954#628C58#6C7E5C#757160#7E6365#875669#93456E
#5FA83F#6B9744#768649#82764E#8E6553#995459#A83F5F

Colorpallet from #3F5FA8 to #5FA83F and to #A85F3F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#446B97#466997#486797#4A6597#4C6397#4E6197#505F97
#497686#4D7286#516F86#556B86#586786#5C6486#615F86
#4E8276#547C76#597776#5F7176#646C76#6A6676#715F76
#538E65#5B8665#627F65#6A7765#717065#796865#825F65
#599954#629054#6C8654#757D54#7E7454#876B54#935F54
#5FA83F#6B9C3F#76913F#82853F#8E793F#996E3F#A85F3F

Colorpallet from #3F5FA8 to #A83F5F and to #A85F3F
#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8#3F5FA8
#505A9C#505B9B#505C9A#505C9A#505D99#505E98#505F97
#615591#61578F#61588D#615A8C#615B8A#615D88#615F86
#715085#715283#715580#71577E#715A7B#715C79#715F76
#824B79#824E76#825173#82556F#82586C#825B69#825F65
#93456E#93496A#934D66#935162#93565D#935A59#935F54
#A83F5F#A8445A#A84955#A84E50#A8534B#A85945#A85F3F