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 #3D6D72 to #3D726D and to #6D3D72
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#3D6E71#3E6D71#406B71#416A71#426872#436772#456572
#3D6F70#3F6C70#426A71#446771#476471#496172#4C5E72
#3D6F70#416B70#446771#486371#4C5F71#4F5B72#545672
#3D706F#426B6F#476570#4C6070#515A71#565571#5C4E72
#3D716E#436A6F#49646F#4F5D70#555671#5B4F71#634772
#3D726D#456A6E#4C616F#54596F#5C5070#634871#6D3D72

Colorpallet from #3D6D72 to #3D726D and to #6D723D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#3D6E71#3E6E70#406E6F#416E6E#426E6D#436E6B#456E6A
#3D6F70#3F6F6E#426F6B#446F69#476F66#496F64#4C6F61
#3D6F70#416F6C#446F69#486F65#4C6F61#4F6F5E#546F59
#3D706F#42706A#477065#4C7060#51705B#567056#5C7050
#3D716E#437168#497162#4F715C#557156#5B7150#637148
#3D726D#457265#4C725E#547256#5C724E#637247#6D723D

Colorpallet from #3D6D72 to #3D726D and to #723D6D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#3D6E71#3E6D71#406B71#416A71#426871#436771#456571
#3D6F70#406C70#426A70#456770#486470#4B6170#4E5E70
#3D6F70#416B70#456770#496370#4D5F70#515B70#565670
#3D706F#426B6F#48656F#4D606F#535A6F#58556F#5F4E6F
#3D716E#446A6E#4A646E#515D6E#58566E#5F4F6E#67476E
#3D726D#456A6D#4E616D#56596D#5F506D#67486D#723D6D

Colorpallet from #3D6D72 to #3D726D and to #726D3D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#3D6E71#3E6E70#406E6F#416E6E#426D6D#436D6B#456D6A
#3D6F70#406F6E#426E6B#456E69#486E66#4B6D64#4E6D61
#3D6F70#416F6C#456E69#496E65#4D6E61#516D5E#566D59
#3D706F#42706A#486F65#4D6F60#536E5B#586E56#5F6D50
#3D716E#447068#4A7062#516F5C#586E56#5F6E50#676D48
#3D726D#457165#4E705E#567056#5F6F4E#676E47#726D3D

Colorpallet from #3D6D72 to #6D3D72 and to #6D723D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#456572#456671#45686F#45696E#456B6D#456C6C#456E6A
#4C5E72#4C616F#4C636D#4C666A#4C6967#4C6C64#4C6F61
#545672#545A6E#545E6A#546266#546662#546A5E#546F59
#5C4E72#5C536D#5C5967#5C5E62#5C645C#5C6957#5C7050
#634772#634E6B#635465#635B5E#636257#636950#637148
#6D3D72#6D456A#6D4E61#6D5659#6D5F50#6D6748#6D723D

Colorpallet from #3D6D72 to #6D3D72 and to #723D6D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#456572#456572#456572#456572#456571#456571#456571
#4C5E72#4C5E72#4D5E71#4D5E71#4D5E71#4E5E70#4E5E70
#545672#545672#555671#555671#555671#565670#565670
#5C4E72#5C4E72#5D4E71#5D4E71#5E4E70#5E4E70#5F4E6F
#634772#644771#644771#654770#66476F#66476F#67476E
#6D3D72#6E3D71#6F3D70#6F3D70#703D6F#713D6E#723D6D

Colorpallet from #3D6D72 to #6D3D72 and to #726D3D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#456572#456671#45686F#45696E#456A6D#456B6C#456D6A
#4C5E72#4C606F#4D636D#4D656A#4D6867#4E6A64#4E6D61
#545672#545A6E#555D6A#556166#556562#56685E#566D59
#5C4E72#5C536D#5D5867#5D5D62#5E625C#5E6757#5F6D50
#634772#644D6B#645365#65595E#665F57#666550#676D48
#6D3D72#6E456A#6F4C61#6F5459#705C50#716348#726D3D

Colorpallet from #3D6D72 to #6D723D and to #723D6D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#456E6A#456D6B#456B6C#456A6D#45686E#456770#456571
#4C6F61#4C6C63#4D6A66#4D6768#4D646B#4E616D#4E5E70
#546F59#546B5D#556760#556364#555F68#565B6B#565670
#5C7050#5C6B55#5D655A#5D605F#5E5A64#5E5569#5F4E6F
#637148#646A4E#646454#655D5A#665660#664F66#67476E
#6D723D#6E6A45#6F614C#6F5954#70505C#714863#723D6D

Colorpallet from #3D6D72 to #6D723D and to #726D3D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#456E6A#456E6A#456E6A#456E6A#456D6A#456D6A#456D6A
#4C6F61#4C6F61#4D6E61#4D6E61#4D6E61#4E6D61#4E6D61
#546F59#546F59#556E59#556E59#556E59#566D59#566D59
#5C7050#5C7050#5D6F50#5D6F50#5E6E50#5E6E50#5F6D50
#637148#647048#647048#656F48#666E48#666E48#676D48
#6D723D#6E713D#6F703D#6F703D#706F3D#716E3D#726D3D

Colorpallet from #3D6D72 to #723D6D and to #726D3D
#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72#3D6D72
#456571#456670#45686F#45696E#456A6D#456B6B#456D6A
#4E5E70#4E606E#4E636B#4E6569#4E6866#4E6A64#4E6D61
#565670#565A6C#565D69#566165#566561#56685E#566D59
#5F4E6F#5F536A#5F5865#5F5D60#5F625B#5F6756#5F6D50
#67476E#674D68#675362#67595C#675F56#676550#676D48
#723D6D#724565#724C5E#725456#725C4E#726347#726D3D