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 #3B8166 to #3B6681 and to #813B66
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#3B7D6A#3D7C69#3F7B69#407A68#427967#447767#467666
#3B786F#3F766E#42746C#46726B#497069#4D6E68#516B66
#3B7473#407171#466D6F#4B6A6D#51676B#566369#5D5F66
#3B7077#426C74#496772#51636F#585E6C#5F5A69#685466
#3B6B7C#446678#4D6075#565B71#5F556E#68506A#734966
#3B6681#465F7D#515878#5D5174#684A70#73446B#813B66

Colorpallet from #3B8166 to #3B6681 and to #81663B
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#3B7D6A#3D7D68#3F7D66#407D65#427D63#447D61#467D5F
#3B786F#3F786B#427868#467864#497860#4D785D#517858
#3B7473#40746E#467468#4B7463#51745D#567458#5D7451
#3B7077#427070#497069#517061#58705A#5F7053#68704A
#3B6B7C#446B73#4D6B6A#566B61#5F6B58#686B4F#736B44
#3B6681#466676#51666B#5D665F#686654#736649#81663B

Colorpallet from #3B8166 to #3B6681 and to #663B81
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#3B7D6A#3C7C6A#3D7B6A#3E7A6A#3F796A#41776A#42766A
#3B786F#3D766F#3F746F#42726F#44706F#466E6F#496B6F
#3B7473#3E7173#426D73#456A73#486773#4C6373#505F73
#3B7077#3F6C77#446777#486377#4D5E77#515A77#575477
#3B6B7C#40667C#46607C#4B5B7C#51557C#56507C#5D497C
#3B6681#425F81#495881#505181#574A81#5D4481#663B81

Colorpallet from #3B8166 to #3B6681 and to #66813B
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#3B7D6A#3C7E68#3D7E66#3E7F65#3F8063#418061#42815F
#3B786F#3D796B#3F7B68#427C64#447E60#467F5D#498158
#3B7473#3E766E#427868#457A63#487C5D#4C7E58#508151
#3B7077#3F7370#447569#487861#4D7B5A#517E53#57814A
#3B6B7C#406F73#46726A#4B7661#517958#567D4F#5D8144
#3B6681#426A76#496F6B#50735F#577754#5D7C49#66813B

Colorpallet from #3B8166 to #813B66 and to #81663B
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#467666#467765#467864#467963#467A62#467C60#467D5F
#516B66#516D64#516F62#51715F#51735D#51755B#517858
#5D5F66#5D6263#5D665F#5D695C#5D6C59#5D7055#5D7451
#685466#685862#685D5D#686159#686654#686A50#68704A
#734966#734E61#73545B#735956#735F50#73644B#736B44
#813B66#81425F#814958#815051#81574A#815D44#81663B

Colorpallet from #3B8166 to #813B66 and to #663B81
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#467666#457667#457667#447668#437669#437669#42766A
#516B66#506B67#4E6B69#4D6B6A#4C6B6C#4B6B6D#496B6F
#5D5F66#5B5F68#595F6A#575F6C#555F6E#535F70#505F73
#685466#655469#63546B#60546E#5D5471#5A5474#575477
#734966#6F496A#6C496D#684971#654974#614978#5D497C
#813B66#7D3B6A#783B6F#743B73#703B77#6B3B7C#663B81

Colorpallet from #3B8166 to #813B66 and to #66813B
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#467666#457865#457A64#447B63#437D62#437F60#42815F
#516B66#506F64#4E7262#4D765F#4C795D#4B7D5B#498158
#5D5F66#5B6463#596A5F#576F5C#557559#537A55#508151
#685466#655B62#63625D#606A59#5D7154#5A7850#57814A
#734966#6F5261#6C5B5B#686456#656D50#61764B#5D8144
#813B66#7D465F#785158#745D51#70684A#6B7344#66813B

Colorpallet from #3B8166 to #81663B and to #663B81
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#467D5F#457C61#457B63#447A64#437966#437768#42766A
#517858#50765C#4E745F#4D7263#4C7067#4B6E6A#496B6F
#5D7451#5B7156#596D5C#576A61#556767#53636C#505F73
#68704A#656C51#636758#606360#5D5E67#5A5A6E#575477
#736B44#6F664D#6C6056#685B5F#655568#615071#5D497C
#81663B#7D5F46#785851#74515D#704A68#6B4473#663B81

Colorpallet from #3B8166 to #81663B and to #66813B
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#467D5F#457E5F#457E5F#447F5F#43805F#43805F#42815F
#517858#507958#4E7B58#4D7C58#4C7E58#4B7F58#498158
#5D7451#5B7651#597851#577A51#557C51#537E51#508151
#68704A#65734A#63754A#60784A#5D7B4A#5A7E4A#57814A
#736B44#6F6F44#6C7244#687644#657944#617D44#5D8144
#81663B#7D6A3B#786F3B#74733B#70773B#6B7C3B#66813B

Colorpallet from #3B8166 to #663B81 and to #66813B
#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166#3B8166
#42766A#427868#427A66#427B65#427D63#427F61#42815F
#496B6F#496F6B#497268#497664#497960#497D5D#498158
#505F73#50646E#506A68#506F63#50755D#507A58#508151
#575477#575B70#576269#576A61#57715A#577853#57814A
#5D497C#5D5273#5D5B6A#5D6461#5D6D58#5D764F#5D8144
#663B81#664676#66516B#665D5F#666854#667349#66813B