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 #3B6DA8 to #3BA86D and to #6D3BA8
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#3B769F#3C73A0#3E71A2#3F6EA3#406BA5#4168A6#4365A8
#3B8095#3E7A98#40759B#436F9E#456AA1#4864A4#4B5DA8
#3B898C#3F8190#437895#477099#4A689E#4E5FA2#5355A8
#3B9382#408888#457D8E#4A7194#4F669A#555BA0#5B4DA8
#3B9C79#418E81#488088#4E7290#556497#5B569F#6345A8
#3BA86D#439776#4B8580#537489#5B6293#63519C#6D3BA8

Colorpallet from #3B6DA8 to #3BA86D and to #6DA83B
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#3B769F#3C769E#3E769C#3F769B#40769A#417699#437697
#3B8095#3E8092#408090#43808D#45808B#488088#4B8085
#3B898C#3F8988#438984#478980#4A897D#4E8979#538974
#3B9382#40937D#459378#4A9373#4F936E#559368#5B9362
#3B9C79#419C73#489C6C#4E9C66#559C5F#5B9C59#639C51
#3BA86D#43A865#4BA85D#53A855#5BA84D#63A845#6DA83B

Colorpallet from #3B6DA8 to #3BA86D and to #A83B6D
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#3B769F#3E739F#40719F#436E9F#466B9F#49689F#4C659F
#3B8095#417A95#467595#4C6F95#516A95#576495#5E5D95
#3B898C#43818C#4C788C#54708C#5C688C#655F8C#6F558C
#3B9382#468882#517D82#5D7182#686682#735B82#814D82
#3B9C79#498E79#578079#657279#736479#815679#924579
#3BA86D#4C976D#5E856D#6F746D#81626D#92516D#A83B6D

Colorpallet from #3B6DA8 to #3BA86D and to #A86D3B
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#3B769F#3E759E#40739C#43729B#46709A#496F99#4C6D97
#3B8095#417D92#467A90#4C778D#51748B#577188#5E6D85
#3B898C#438588#4C8084#547C80#5C777D#657379#6F6D74
#3B9382#468D7D#518778#5D8173#687B6E#737568#816D62
#3B9C79#499473#578D6C#658566#737E5F#817659#926D51
#3BA86D#4C9F65#5E955D#6F8C55#81824D#927945#A86D3B

Colorpallet from #3B6DA8 to #6D3BA8 and to #6DA83B
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#4365A8#4368A5#436AA3#436DA0#43709D#43739A#437697
#4B5DA8#4B63A2#4B689D#4B6E97#4B7392#4B798C#4B8085
#5355A8#535DA0#536697#536E8F#537687#537F7E#538974
#5B4DA8#5B589D#5B6392#5B6F86#5B7A7B#5B8570#5B9362
#6345A8#63539A#63618C#636F7E#637D70#638B62#639C51
#6D3BA8#6D4C97#6D5E85#6D6F74#6D8162#6D9251#6DA83B

Colorpallet from #3B6DA8 to #6D3BA8 and to #A83B6D
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#4365A8#4465A7#4665A5#4765A4#4965A2#4A65A1#4C659F
#4B5DA8#4E5DA5#515DA2#545D9F#575D9C#5A5D99#5E5D95
#5355A8#5755A4#5C559F#60559B#655596#695592#6F558C
#5B4DA8#614DA2#674D9C#6D4D96#734D90#794D8A#814D82
#6345A8#6B45A0#724599#7A4591#81458A#894582#924579
#6D3BA8#763B9F#803B95#893B8C#933B82#9C3B79#A83B6D

Colorpallet from #3B6DA8 to #6D3BA8 and to #A86D3B
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#4365A8#4466A5#4668A3#4769A0#496A9D#4A6B9A#4C6D97
#4B5DA8#4E60A2#51629D#546597#576792#5A6A8C#5E6D85
#5355A8#5759A0#5C5D97#60618F#656487#69687E#6F6D74
#5B4DA8#61529D#675792#6D5C86#73617B#796770#816D62
#6345A8#6B4B9A#72528C#7A587E#815F70#896562#926D51
#6D3BA8#764397#804B85#895374#935B62#9C6351#A86D3B

Colorpallet from #3B6DA8 to #6DA83B and to #A83B6D
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#437697#447398#46719A#476E9B#496B9C#4A689D#4C659F
#4B8085#4E7A88#51758A#546F8D#576A8F#5A6492#5E5D95
#538974#578178#5C787C#607080#656883#695F87#6F558C
#5B9362#618867#677D6C#6D7171#736676#795B7C#814D82
#639C51#6B8E57#72805E#7A7264#81646B#895671#924579
#6DA83B#769743#80854B#897453#93625B#9C5163#A83B6D

Colorpallet from #3B6DA8 to #6DA83B and to #A86D3B
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#437697#447597#467397#477297#497097#4A6F97#4C6D97
#4B8085#4E7D85#517A85#547785#577485#5A7185#5E6D85
#538974#578574#5C8074#607C74#657774#697374#6F6D74
#5B9362#618D62#678762#6D8162#737B62#797562#816D62
#639C51#6B9451#728D51#7A8551#817E51#897651#926D51
#6DA83B#769F3B#80953B#898C3B#93823B#9C793B#A86D3B

Colorpallet from #3B6DA8 to #A83B6D and to #A86D3B
#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8#3B6DA8
#4C659F#4C669E#4C689C#4C699B#4C6A9A#4C6B99#4C6D97
#5E5D95#5E6092#5E6290#5E658D#5E678B#5E6A88#5E6D85
#6F558C#6F5988#6F5D84#6F6180#6F647D#6F6879#6F6D74
#814D82#81527D#815778#815C73#81616E#816768#816D62
#924579#924B73#92526C#925866#925F5F#926559#926D51
#A83B6D#A84365#A84B5D#A85355#A85B4D#A86345#A86D3B