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 #3A5F6C to #3A6C5F and to #5F3A6C
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#3A616A#3B606A#3C5E6B#3D5D6B#3E5C6B#3F5B6C#40596C
#3A6368#3C6069#3E5E69#405B6A#42596B#44566B#46536C
#3A6566#3D6167#405D68#435969#46566A#48526B#4C4D6C
#3A6764#3E6265#425D67#465868#495369#4D4D6A#52476C
#3A6962#3F6364#445C65#485667#4D4F68#52496A#58416C
#3A6C5F#406461#465C63#4C5465#524C67#584469#5F3A6C

Colorpallet from #3A5F6C to #3A6C5F and to #5F6C3A
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#3A616A#3B6169#3C6168#3D6167#3E6166#3F6165#406164
#3A6368#3C6366#3E6364#406362#426360#44635E#46635C
#3A6566#3D6563#406560#43655D#46655A#486558#4C6554
#3A6764#3E6760#42675C#466758#496755#4D6751#52674C
#3A6962#3F695D#446958#486954#4D694F#52694A#586944
#3A6C5F#406C59#466C53#4C6C4D#526C47#586C41#5F6C3A

Colorpallet from #3A5F6C to #3A6C5F and to #6C3A5F
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#3A616A#3B606A#3D5E6A#3E5D6A#3F5C6A#405B6A#42596A
#3A6368#3D6068#3F5E68#425B68#445968#475668#4A5368
#3A6566#3E6166#425D66#465966#495666#4D5266#524D66
#3A6764#3F6264#445D64#495864#4E5364#544D64#5A4764
#3A6962#406362#475C62#4D5662#544F62#5A4962#624162
#3A6C5F#42645F#4A5C5F#52545F#5A4C5F#62445F#6C3A5F

Colorpallet from #3A5F6C to #3A6C5F and to #6C5F3A
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#3A616A#3B6169#3D6068#3E6067#3F6066#405F65#425F64
#3A6368#3D6266#3F6264#426162#446060#47605E#4A5F5C
#3A6566#3E6463#426360#46625D#49615A#4D6058#525F54
#3A6764#3F6660#44645C#496358#4E6255#546151#5A5F4C
#3A6962#40675D#476658#4D6454#54634F#5A614A#625F44
#3A6C5F#426A59#4A6853#52664D#5A6447#626241#6C5F3A

Colorpallet from #3A5F6C to #5F3A6C and to #5F6C3A
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#40596C#405A6B#405C69#405D68#405E67#405F66#406164
#46536C#465669#465867#465B64#465D62#46605F#46635C
#4C4D6C#4C5168#4C5564#4C5960#4C5C5D#4C6059#4C6554
#52476C#524C67#525162#52565D#525B58#526152#52674C
#58416C#584766#584E5F#585459#585B52#58614C#586944
#5F3A6C#5F4264#5F4A5C#5F5254#5F5A4C#5F6244#5F6C3A

Colorpallet from #3A5F6C to #5F3A6C and to #6C3A5F
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#40596C#40596C#41596B#41596B#41596B#42596A#42596A
#46536C#47536B#47536B#48536A#495369#495369#4A5368
#4C4D6C#4D4D6B#4E4D6A#4F4D69#504D68#514D67#524D66
#52476C#53476B#554769#564768#574767#584766#5A4764
#58416C#5A416A#5B4169#5D4167#5E4166#604164#624162
#5F3A6C#613A6A#633A68#653A66#673A64#693A62#6C3A5F

Colorpallet from #3A5F6C to #5F3A6C and to #6C5F3A
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#40596C#405A6B#415B69#415C68#415D67#425E66#425F64
#46536C#475569#475767#485964#495B62#495D5F#4A5F5C
#4C4D6C#4D5068#4E5364#4F5660#50595D#515B59#525F54
#52476C#534B67#554F62#56535D#575658#585A52#5A5F4C
#58416C#5A4666#5B4B5F#5D4F59#5E5452#60594C#625F44
#5F3A6C#614064#63465C#654C54#67524C#695844#6C5F3A

Colorpallet from #3A5F6C to #5F6C3A and to #6C3A5F
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#406164#406065#415E66#415D67#415C68#425B69#42596A
#46635C#47605E#475E60#485B62#495964#495666#4A5368
#4C6554#4D6157#4E5D5A#4F595D#505660#515262#524D66
#52674C#536250#555D54#565858#57535B#584D5F#5A4764
#586944#5A6349#5B5C4E#5D5652#5E4F57#60495C#624162
#5F6C3A#616440#635C46#65544C#674C52#694458#6C3A5F

Colorpallet from #3A5F6C to #5F6C3A and to #6C5F3A
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#406164#406164#416064#416064#416064#425F64#425F64
#46635C#47625C#47625C#48615C#49605C#49605C#4A5F5C
#4C6554#4D6454#4E6354#4F6254#506154#516054#525F54
#52674C#53664C#55644C#56634C#57624C#58614C#5A5F4C
#586944#5A6744#5B6644#5D6444#5E6344#606144#625F44
#5F6C3A#616A3A#63683A#65663A#67643A#69623A#6C5F3A

Colorpallet from #3A5F6C to #6C3A5F and to #6C5F3A
#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C#3A5F6C
#42596A#425A69#425B68#425C67#425D66#425E65#425F64
#4A5368#4A5566#4A5764#4A5962#4A5B60#4A5D5E#4A5F5C
#524D66#525063#525360#52565D#52595A#525B58#525F54
#5A4764#5A4B60#5A4F5C#5A5358#5A5655#5A5A51#5A5F4C
#624162#62465D#624B58#624F54#62544F#62594A#625F44
#6C3A5F#6C4059#6C4653#6C4C4D#6C5247#6C5841#6C5F3A