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 #316C74 to #31746C and to #6C3174
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#316D73#326B73#346A73#356873#376774#386574#3A6374
#316F71#346B71#376872#3A6472#3D6173#405D73#445974
#317070#356B71#3A6671#3E6172#435C73#475673#4D5074
#31716F#376A70#3D6371#435C71#495572#4F4F73#574674
#31726E#396A6F#406170#485971#4F5072#574873#603D74
#31746C#3A696D#445F6F#4D5470#574971#603E72#6C3174

Colorpallet from #316C74 to #31746C and to #6C7431
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#316D73#326D71#346D70#356D6E#376D6D#386D6B#3A6D69
#316F71#346F6E#376F6B#3A6F68#3D6F65#406F63#446F5F
#317070#35706C#3A7067#3E7063#43705E#47705A#4D7054
#31716F#377169#3D7163#43715D#497157#4F7151#577149
#31726E#397266#40725F#487257#4F724F#577248#60723E
#31746C#3A7463#447459#4D7450#577446#60743D#6C7431

Colorpallet from #316C74 to #31746C and to #74316C
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#316D73#336B73#356A73#366873#386773#3A6573#3C6373
#316F71#346B71#386871#3B6471#3E6171#425D71#465971
#317070#366B70#3B6670#406170#455C70#4B5670#515070
#31716F#386A6F#3F636F#465C6F#4D556F#534F6F#5C466F
#31726E#3A6A6E#42616E#4B596E#54506E#5C486E#673D6E
#31746C#3C696C#465F6C#51546C#5C496C#673E6C#74316C

Colorpallet from #316C74 to #31746C and to #746C31
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#316D73#336D71#356D70#366D6E#386C6D#3A6C6B#3C6C69
#316F71#346F6E#386E6B#3B6E68#3E6D65#426D63#466C5F
#317070#366F6C#3B6F67#406E63#456D5E#4B6D5A#516C54
#31716F#387069#3F6F63#466F5D#4D6E57#536D51#5C6C49
#31726E#3A7166#42705F#4B6F57#546E4F#5C6D48#676C3E
#31746C#3C7363#467159#517050#5C6F46#676E3D#746C31

Colorpallet from #316C74 to #6C3174 and to #6C7431
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#3A6374#3A6572#3A6670#3A686F#3A696D#3A6B6B#3A6D69
#445974#445D71#44606D#44646A#446767#446B63#446F5F
#4D5074#4D556F#4D5A6A#4D5F65#4D6460#4D6A5A#4D7054
#574674#574D6D#575466#575B5F#576258#576852#577149
#603D74#60456B#604E63#60565A#605F51#606749#60723E
#6C3174#6C3C69#6C465F#6C5154#6C5C49#6C673E#6C7431

Colorpallet from #316C74 to #6C3174 and to #74316C
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#3A6374#3A6374#3B6374#3B6374#3B6373#3C6373#3C6373
#445974#445974#455973#455973#455972#465972#465971
#4D5074#4E5073#4E5073#4F5072#505071#505071#515070
#574674#584673#594672#594672#5A4671#5B4670#5C466F
#603D74#613D73#623D72#633D71#643D70#663D6F#673D6E
#6C3174#6D3173#6F3171#703170#71316F#72316E#74316C

Colorpallet from #316C74 to #6C3174 and to #746C31
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#3A6374#3A6472#3B6670#3B676F#3B696D#3C6A6B#3C6C69
#445974#445C71#455F6D#45626A#456567#466863#466C5F
#4D5074#4E546F#4E596A#4F5D65#506260#50665A#516C54
#574674#584C6D#595266#59585F#5A5E58#5B6452#5C6C49
#603D74#61456B#624C63#63545A#645B51#666349#676C3E
#6C3174#6D3A69#6F445F#704D54#715749#72603E#746C31

Colorpallet from #316C74 to #6C7431 and to #74316C
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#3A6D69#3A6B6B#3B6A6C#3B686E#3B676F#3C6571#3C6373
#446F5F#446B62#456865#456468#45616B#465D6D#465971
#4D7054#4E6B58#4E665D#4F6161#505C66#50566A#515070
#577149#586A4F#596355#595C5B#5A5561#5B4F67#5C466F
#60723E#616A46#62614D#635955#64505D#664864#673D6E
#6C7431#6D693A#6F5F44#70544D#714957#723E60#74316C

Colorpallet from #316C74 to #6C7431 and to #746C31
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#3A6D69#3A6D69#3B6D69#3B6D69#3B6C69#3C6C69#3C6C69
#446F5F#446F5F#456E5F#456E5F#456D5F#466D5F#466C5F
#4D7054#4E6F54#4E6F54#4F6E54#506D54#506D54#516C54
#577149#587049#596F49#596F49#5A6E49#5B6D49#5C6C49
#60723E#61713E#62703E#636F3E#646E3E#666D3E#676C3E
#6C7431#6D7331#6F7131#707031#716F31#726E31#746C31

Colorpallet from #316C74 to #74316C and to #746C31
#316C74#316C74#316C74#316C74#316C74#316C74#316C74
#3C6373#3C6471#3C6670#3C676E#3C696D#3C6A6B#3C6C69
#465971#465C6E#465F6B#466268#466565#466863#466C5F
#515070#51546C#515967#515D63#51625E#51665A#516C54
#5C466F#5C4C69#5C5263#5C585D#5C5E57#5C6451#5C6C49
#673D6E#674566#674C5F#675457#675B4F#676348#676C3E
#74316C#743A63#744459#744D50#745746#74603D#746C31