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 #3A5672 to #3A7256 and to #563A72
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3A5A6E#3B596F#3B576F#3C5670#3D5571#3D5471#3E5272
#3A5F69#3B5C6A#3D596C#3E566D#40536F#415170#434D72
#3A6365#3C5F67#3E5B69#40576B#42526D#444E6F#474972
#3A6860#3D6263#405C66#435769#46516C#484B6E#4C4472
#3A6C5C#3E6560#415E63#455767#48506A#4C496E#504072
#3A7256#3E695A#43605F#475763#4C4E68#50456C#563A72

Colorpallet from #3A5672 to #3A7256 and to #56723A
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3A5A6E#3B5A6D#3B5A6C#3C5A6C#3D5A6B#3D5A6A#3E5A69
#3A5F69#3B5F68#3D5F66#3E5F65#405F63#415F62#435F60
#3A6365#3C6363#3E6361#40635E#42635C#44635A#476357
#3A6860#3D685D#40685A#436857#466854#486852#4C684E
#3A6C5C#3E6C58#416C55#456C51#486C4D#4C6C4A#506C45
#3A7256#3E7252#43724D#477249#4C7244#507240#56723A

Colorpallet from #3A5672 to #3A7256 and to #723A56
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3A5A6E#3B596E#3D576E#3E566E#40556E#41546E#43526E
#3A5F69#3D5C69#405969#435669#465369#485169#4C4D69
#3A6365#3E5F65#435B65#475765#4B5265#504E65#554965
#3A6860#406260#465C60#4B5760#515160#574B60#5E4460
#3A6C5C#41655C#485E5C#50575C#57505C#5E495C#67405C
#3A7256#436956#4C6056#555756#5E4E56#674556#723A56

Colorpallet from #3A5672 to #3A7256 and to #72563A
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3A5A6E#3B596D#3D596C#3E586C#40576B#41576A#435669
#3A5F69#3D5E68#405C66#435B65#465963#485862#4C5660
#3A6365#3E6163#435F61#475D5E#4B5B5C#50595A#555657
#3A6860#40655D#46625A#4B5F57#515C54#575A52#5E564E
#3A6C5C#416858#486555#506151#575E4D#5E5A4A#675645
#3A7256#436E52#4C694D#556549#5E6044#675C40#72563A

Colorpallet from #3A5672 to #563A72 and to #56723A
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3E5272#3E5371#3E556F#3E566E#3E576C#3E586B#3E5A69
#434D72#43506F#43536C#435669#435966#435B64#435F60
#474972#474D6E#475169#475565#475A61#475E5C#476357
#4C4472#4C4A6C#4C5066#4C5561#4C5B5B#4C6155#4C684E
#504072#50476B#504E64#50555C#505C55#50634E#506C45
#563A72#564369#564C60#565557#565E4E#566745#56723A

Colorpallet from #3A5672 to #563A72 and to #723A56
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3E5272#3F5271#405271#405270#41526F#42526F#43526E
#434D72#444D71#464D6F#474D6E#494D6C#4A4D6B#4C4D69
#474972#494970#4B496E#4E496C#50496A#524968#554965
#4C4472#4F446F#52446C#554469#584466#5A4464#5E4460
#504072#54406E#57406B#5B4067#5F4064#624060#67405C
#563A72#5A3A6E#5F3A69#633A65#683A60#6C3A5C#723A56

Colorpallet from #3A5672 to #563A72 and to #72563A
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3E5272#3F5371#40536F#40546E#41556C#42556B#435669
#434D72#444E6F#46506C#475169#495366#4A5464#4C5660
#474972#494B6E#4B4D69#4E4F65#505161#52535C#555657
#4C4472#4F476C#524A66#554D61#58505B#5A5255#5E564E
#504072#54446B#574764#5B4B5C#5F4E55#62524E#675645
#563A72#5A3E69#5F4360#634757#684C4E#6C5045#72563A

Colorpallet from #3A5672 to #56723A and to #723A56
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3E5A69#3F596A#40576B#40566B#41556C#42546D#43526E
#435F60#445C61#465963#475664#495366#4A5167#4C4D69
#476357#495F59#4B5B5B#4E575E#505260#524E62#554965
#4C684E#4F6251#525C54#555757#58515A#5A4B5C#5E4460
#506C45#546549#575E4C#5B5750#5F5054#624957#67405C
#56723A#5A693E#5F6043#635747#684E4C#6C4550#723A56

Colorpallet from #3A5672 to #56723A and to #72563A
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#3E5A69#3F5969#405969#405869#415769#425769#435669
#435F60#445E60#465C60#475B60#495960#4A5860#4C5660
#476357#496157#4B5F57#4E5D57#505B57#525957#555657
#4C684E#4F654E#52624E#555F4E#585C4E#5A5A4E#5E564E
#506C45#546845#576545#5B6145#5F5E45#625A45#675645
#56723A#5A6E3A#5F693A#63653A#68603A#6C5C3A#72563A

Colorpallet from #3A5672 to #723A56 and to #72563A
#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672#3A5672
#43526E#43536D#43536C#43546C#43556B#43556A#435669
#4C4D69#4C4E68#4C5066#4C5165#4C5363#4C5462#4C5660
#554965#554B63#554D61#554F5E#55515C#55535A#555657
#5E4460#5E475D#5E4A5A#5E4D57#5E5054#5E5252#5E564E
#67405C#674458#674755#674B51#674E4D#67524A#675645
#723A56#723E52#72434D#724749#724C44#725040#72563A