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 #3C5B73 to #3C735B and to #5B3C73
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#3C5F6F#3D5E70#3E5C70#3E5B71#3F5972#405872#415673
#3C636B#3E606C#3F5D6E#415A6F#425770#445571#465173
#3C6767#3E6369#415E6B#435A6D#46566F#485171#4B4C73
#3C6A64#3F6466#425F69#46596B#49546E#4C4E70#504773
#3C6E60#406763#446066#485969#4C526C#504B6F#554273
#3C735B#416A5F#466163#4B5967#50506A#55476E#5B3C73

Colorpallet from #3C5B73 to #3C735B and to #5B733C
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#3C5F6F#3D5F6E#3E5F6D#3E5F6D#3F5F6C#405F6B#415F6A
#3C636B#3E6369#3F6368#416366#426365#446363#466361
#3C6767#3E6765#416763#436760#46675E#48675C#4B6759
#3C6A64#3F6A61#426A5E#466A5A#496A57#4C6A54#506A50
#3C6E60#406E5C#446E58#486E54#4C6E50#506E4C#556E47
#3C735B#417356#467351#4B734C#507347#557342#5B733C

Colorpallet from #3C5B73 to #3C735B and to #733C5B
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#3C5F6F#3D5E6F#3F5C6F#405B6F#42596F#43586F#45566F
#3C636B#3F606B#425D6B#455A6B#48576B#4A556B#4E516B
#3C6767#406367#445E67#485A67#4D5667#515167#564C67
#3C6A64#426464#475F64#4D5964#525464#584E64#5F4764
#3C6E60#436760#4A6060#515960#585260#5F4B60#684260
#3C735B#456A5B#4E615B#56595B#5F505B#68475B#733C5B

Colorpallet from #3C5B73 to #3C735B and to #735B3C
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#3C5F6F#3D5E6E#3F5E6D#405D6D#425C6C#435C6B#455B6A
#3C636B#3F6269#426068#455F66#485E65#4A5D63#4E5B61
#3C6767#406565#446363#486160#4D5F5E#515D5C#565B59
#3C6A64#426861#47655E#4D635A#526057#585E54#5F5B50
#3C6E60#436B5C#4A6858#516554#586250#5F5F4C#685B47
#3C735B#456F56#4E6B51#56674C#5F6447#686042#735B3C

Colorpallet from #3C5B73 to #5B3C73 and to #5B733C
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#415673#415772#415970#415A6F#415C6D#415D6C#415F6A
#465173#465470#46576D#465A6A#465D67#465F65#466361
#4B4C73#4B506F#4B556B#4B5967#4B5D62#4B625E#4B6759
#504773#504D6D#505268#505862#505D5D#506357#506A50
#554273#55496C#555065#55575E#555E57#556550#556E47
#5B3C73#5B456A#5B4E61#5B5659#5B5F50#5B6847#5B733C

Colorpallet from #3C5B73 to #5B3C73 and to #733C5B
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#415673#425672#425672#435671#445670#445670#45566F
#465173#475172#495170#4A516F#4B516E#4C516D#4E516B
#4B4C73#4D4C71#4F4C6F#504C6D#524C6B#544C69#564C67
#504773#524771#55476E#57476C#5A4769#5C4767#5F4764
#554273#584270#5B426D#5E426A#614267#644264#684260
#5B3C73#5F3C6F#633C6B#673C67#6A3C64#6E3C60#733C5B

Colorpallet from #3C5B73 to #5B3C73 and to #735B3C
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#415673#425772#425870#43586F#44596D#445A6C#455B6A
#465173#475370#49546D#4A566A#4B5767#4C5965#4E5B61
#4B4C73#4D4E6F#4F516B#505367#525662#54585E#565B59
#504773#524A6D#554D68#575162#5A545D#5C5757#5F5B50
#554273#58466C#5B4A65#5E4E5E#615257#645650#685B47
#5B3C73#5F416A#634661#674B59#6A5050#6E5547#735B3C

Colorpallet from #3C5B73 to #5B733C and to #733C5B
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#415F6A#425E6B#425C6C#435B6C#44596D#44586E#45566F
#466361#476063#495D64#4A5A66#4B5767#4C5569#4E516B
#4B6759#4D635B#4F5E5D#505A60#525662#545164#564C67
#506A50#526453#555F56#57595A#5A545D#5C4E60#5F4764
#556E47#58674B#5B604F#5E5953#615257#644B5B#684260
#5B733C#5F6A41#636146#67594B#6A5050#6E4755#733C5B

Colorpallet from #3C5B73 to #5B733C and to #735B3C
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#415F6A#425E6A#425E6A#435D6A#445C6A#445C6A#455B6A
#466361#476261#496061#4A5F61#4B5E61#4C5D61#4E5B61
#4B6759#4D6559#4F6359#506159#525F59#545D59#565B59
#506A50#526850#556550#576350#5A6050#5C5E50#5F5B50
#556E47#586B47#5B6847#5E6547#616247#645F47#685B47
#5B733C#5F6F3C#636B3C#67673C#6A643C#6E603C#735B3C

Colorpallet from #3C5B73 to #733C5B and to #735B3C
#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73#3C5B73
#45566F#45576E#45586D#45586D#45596C#455A6B#455B6A
#4E516B#4E5369#4E5468#4E5666#4E5765#4E5963#4E5B61
#564C67#564E65#565163#565360#56565E#56585C#565B59
#5F4764#5F4A61#5F4D5E#5F515A#5F5457#5F5754#5F5B50
#684260#68465C#684A58#684E54#685250#68564C#685B47
#733C5B#734156#734651#734B4C#735047#735542#735B3C