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 #2C6A82 to #2C826A and to #6A2C82
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#2C6E7E#2E6C7F#2F6A7F#316780#326581#346381#366082
#2C727A#2F6E7B#32697D#36657E#39607F#3C5C80#405682
#2C7676#316F78#36697A#3A627C#3F5B7E#445480#4A4C82
#2C7973#327075#396778#3F5F7A#46567D#4C4D7F#544282
#2C7D6F#347272#3C6775#445C78#4C517B#54467E#5E3882
#2C826A#36746E#406672#4A5976#544B79#5E3D7D#6A2C82

Colorpallet from #2C6A82 to #2C826A and to #6A822C
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#2C6E7E#2E6E7C#2F6E7B#316E79#326E78#346E76#366E74
#2C727A#2F7277#327274#367270#39726D#3C726A#407266
#2C7676#317671#36766D#3A7668#3F7663#44765F#4A7659
#2C7973#32796D#397966#3F7960#467959#4C7953#54794B
#2C7D6F#347D67#3C7D5F#447D57#4C7D4F#547D47#5E7D3D
#2C826A#368260#408256#4A824C#548242#5E8238#6A822C

Colorpallet from #2C6A82 to #2C826A and to #822C6A
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#2C6E7E#2E6C7E#306A7E#33677E#35657E#37637E#3A607E
#2C727A#306E7A#35697A#39657A#3E607A#425C7A#48567A
#2C7676#336F76#396976#406276#465B76#4D5476#554C76
#2C7973#357073#3E6773#465F73#4F5673#584D73#634273
#2C7D6F#37726F#42676F#4D5C6F#58516F#63466F#71386F
#2C826A#3A746A#48666A#55596A#634B6A#713D6A#822C6A

Colorpallet from #2C6A82 to #2C826A and to #826A2C
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#2C6E7E#2E6D7C#306D7B#336C79#356B78#376B76#3A6A74
#2C727A#307177#356F74#396E70#3E6D6D#426C6A#486A66
#2C7676#337471#39726D#407068#466E63#4D6C5F#556A59
#2C7973#35776D#3E7466#467260#4F6F59#586D53#636A4B
#2C7D6F#377A67#42775F#4D7457#58714F#636E47#716A3D
#2C826A#3A7E60#487A56#55764C#637342#716F38#826A2C

Colorpallet from #2C6A82 to #6A2C82 and to #6A822C
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#366082#366280#36647E#36677B#366979#366B77#366E74
#405682#405A7E#405F79#406375#406870#406C6C#407266
#4A4C82#4A537B#4A5975#4A606E#4A6768#4A6E61#4A7659
#544282#544B79#545470#545C68#54655F#546E56#54794B
#5E3882#5E4377#5E4E6C#5E5961#5E6456#5E6F4B#5E7D3D
#6A2C82#6A3A74#6A4866#6A5559#6A634B#6A713D#6A822C

Colorpallet from #2C6A82 to #6A2C82 and to #822C6A
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#366082#376081#376081#386080#39607F#39607F#3A607E
#405682#415681#43567F#44567E#45567D#46567C#48567A
#4A4C82#4C4C80#4E4C7E#4F4C7C#514C7A#534C78#554C76
#544282#564280#59427D#5B427B#5E4278#604276#634273
#5E3882#61387F#64387C#673879#6A3876#6D3873#71386F
#6A2C82#6E2C7E#722C7A#762C76#792C73#7D2C6F#822C6A

Colorpallet from #2C6A82 to #6A2C82 and to #826A2C
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#366082#376280#37637E#38657B#396679#396877#3A6A74
#405682#41597E#435C79#446075#456370#46666C#486A66
#4A4C82#4C517B#4E5675#4F5A6E#515F68#536461#556A59
#544282#564879#594F70#5B5568#5E5C5F#606256#636A4B
#5E3882#614077#64486C#675061#6A5856#6D604B#716A3D
#6A2C82#6E3674#724066#764A59#79544B#7D5E3D#826A2C

Colorpallet from #2C6A82 to #6A822C and to #822C6A
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#366E74#376C76#376A77#386779#39657A#39637C#3A607E
#407266#416E69#43696C#446570#456073#465C76#48567A
#4A7659#4C6F5E#4E6962#4F6267#515B6C#535470#554C76
#54794B#567051#596758#5B5F5E#5E5665#604D6B#634273
#5E7D3D#617245#64674D#675C55#6A515D#6D4665#71386F
#6A822C#6E7436#726640#76594A#794B54#7D3D5E#822C6A

Colorpallet from #2C6A82 to #6A822C and to #826A2C
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#366E74#376D74#376D74#386C74#396B74#396B74#3A6A74
#407266#417166#436F66#446E66#456D66#466C66#486A66
#4A7659#4C7459#4E7259#4F7059#516E59#536C59#556A59
#54794B#56774B#59744B#5B724B#5E6F4B#606D4B#636A4B
#5E7D3D#617A3D#64773D#67743D#6A713D#6D6E3D#716A3D
#6A822C#6E7E2C#727A2C#76762C#79732C#7D6F2C#826A2C

Colorpallet from #2C6A82 to #822C6A and to #826A2C
#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82#2C6A82
#3A607E#3A627C#3A637B#3A6579#3A6678#3A6876#3A6A74
#48567A#485977#485C74#486070#48636D#48666A#486A66
#554C76#555171#55566D#555A68#555F63#55645F#556A59
#634273#63486D#634F66#635560#635C59#636253#636A4B
#71386F#714067#71485F#715057#71584F#716047#716A3D
#822C6A#823660#824056#824A4C#825442#825E38#826A2C