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 #3F5DA5 to #3FA55D and to #5D3FA5
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#3F6999#40669B#41649D#41619F#425EA1#435BA3#4458A5
#3F748E#416F92#426995#446499#455F9D#475AA0#4953A5
#3F8082#417888#43708D#466893#486198#4A599E#4D4FA5
#3F8B77#42817E#457686#486C8D#4B6194#4E579C#524AA5
#3F976B#438A74#477D7E#4B7087#4E6390#525599#5745A5
#3FA55D#449569#498474#4D7480#52648B#575397#5D3FA5

Colorpallet from #3F5DA5 to #3FA55D and to #5DA53F
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#3F6999#406998#416998#416997#426996#436996#446995
#3F748E#41748C#42748B#447489#457488#477486#497484
#3F8082#418080#43807E#46807B#488079#4A8077#4D8074
#3F8B77#428B74#458B71#488B6E#4B8B6B#4E8B68#528B64
#3F976B#439767#479763#4B975F#4E975C#529758#579753
#3FA55D#44A558#49A553#4DA54F#52A54A#57A545#5DA53F

Colorpallet from #3F5DA5 to #3FA55D and to #A53F5D
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#3F6999#426699#446499#476199#495E99#4C5B99#4F5899
#3F748E#446F8E#4A698E#4F648E#545F8E#595A8E#60538E
#3F8082#477882#4F7082#576882#5E6182#665982#704F82
#3F8B77#498177#547677#5E6C77#696177#735777#804A77
#3F976B#4C8A6B#597D6B#66706B#73636B#81556B#91456B
#3FA55D#4F955D#60845D#70745D#80645D#91535D#A53F5D

Colorpallet from #3F5DA5 to #3FA55D and to #A55D3F
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#3F6999#426798#446598#476397#496196#4C5F96#4F5D95
#3F748E#44708C#4A6D8B#4F6989#546588#596286#605D84
#3F8082#477A80#4F757E#576F7B#5E6A79#666477#705D74
#3F8B77#498474#547C71#5E756E#696E6B#736668#805D64
#3F976B#4C8E67#598463#667B5F#73725C#816958#915D53
#3FA55D#4F9958#608E53#70824F#80774A#916B45#A55D3F

Colorpallet from #3F5DA5 to #5D3FA5 and to #5DA53F
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#4458A5#445BA2#445DA0#44609D#44639B#446698#446995
#4953A5#4958A0#495E9A#496395#496890#496D8B#497484
#4D4FA5#4D579D#4D5F95#4D678D#4D6E86#4D767E#4D8074
#524AA5#52549B#525F90#526986#52747B#527E71#528B64
#5745A5#575298#575F8B#576C7E#577971#578763#579753
#5D3FA5#5D4F95#5D6084#5D7074#5D8064#5D9153#5DA53F

Colorpallet from #3F5DA5 to #5D3FA5 and to #A53F5D
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#4458A5#4658A3#4858A1#49589F#4B589D#4D589B#4F5899
#4953A5#4D53A1#50539E#54539A#585396#5B5393#60538E
#4D4FA5#534F9F#584F9A#5E4F94#634F8F#694F89#704F82
#524AA5#594A9E#614A96#684A8F#6F4A88#774A80#804A77
#5745A5#60459C#6A4592#734589#7C4580#854577#91456B
#5D3FA5#693F99#743F8E#803F82#8B3F77#973F6B#A53F5D

Colorpallet from #3F5DA5 to #5D3FA5 and to #A55D3F
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#4458A5#4659A2#485AA0#495A9D#4B5B9B#4D5C98#4F5D95
#4953A5#4D55A0#50569A#545895#585990#5B5B8B#605D84
#4D4FA5#53519D#585395#5E568D#635886#695A7E#705D74
#524AA5#594D9B#615090#685386#6F567B#775971#805D64
#5745A5#604998#6A4D8B#73517E#7C5471#855863#915D53
#5D3FA5#694495#744984#804D74#8B5264#975753#A55D3F

Colorpallet from #3F5DA5 to #5DA53F and to #A53F5D
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#446995#466696#486496#496197#4B5E98#4D5B98#4F5899
#497484#4D6F86#506987#546489#585F8A#5B5A8C#60538E
#4D8074#537876#587078#5E687B#63617D#69597F#704F82
#528B64#598167#61766A#686C6D#6F6170#775773#804A77
#579753#608A57#6A7D5B#73705F#7C6362#855566#91456B
#5DA53F#699544#748449#80744D#8B6452#975357#A53F5D

Colorpallet from #3F5DA5 to #5DA53F and to #A55D3F
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#446995#466795#486595#496395#4B6195#4D5F95#4F5D95
#497484#4D7084#506D84#546984#586584#5B6284#605D84
#4D8074#537A74#587574#5E6F74#636A74#696474#705D74
#528B64#598464#617C64#687564#6F6E64#776664#805D64
#579753#608E53#6A8453#737B53#7C7253#856953#915D53
#5DA53F#69993F#748E3F#80823F#8B773F#976B3F#A55D3F

Colorpallet from #3F5DA5 to #A53F5D and to #A55D3F
#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5#3F5DA5
#4F5899#4F5998#4F5A98#4F5A97#4F5B96#4F5C96#4F5D95
#60538E#60558C#60568B#605889#605988#605B86#605D84
#704F82#705180#70537E#70567B#705879#705A77#705D74
#804A77#804D74#805071#80536E#80566B#805968#805D64
#91456B#914967#914D63#91515F#91545C#915858#915D53
#A53F5D#A54458#A54953#A54D4F#A5524A#A55745#A55D3F