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 #3C5B74 to #3C745B and to #5B3C74
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#3C5F70#3D5E71#3E5C71#3E5B72#3F5973#405873#415674
#3C636C#3E606D#3F5D6F#415A70#425771#445572#465174
#3C6768#3E636A#415E6C#435A6E#465670#485172#4B4C74
#3C6B64#3F6567#425F69#465A6C#49546E#4C4E71#504774
#3C6F60#406863#446166#48596A#4C526D#504B70#554274
#3C745B#416B5F#466263#4B5967#50506B#55476F#5B3C74

Colorpallet from #3C5B74 to #3C745B and to #5B743C
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#3C5F70#3D5F6F#3E5F6E#3E5F6E#3F5F6D#405F6C#415F6B
#3C636C#3E636A#3F6369#416367#426366#446364#466362
#3C6768#3E6766#416763#436761#46675E#48675C#4B6759
#3C6B64#3F6B61#426B5E#466B5A#496B57#4C6B54#506B50
#3C6F60#406F5C#446F58#486F54#4C6F50#506F4C#556F47
#3C745B#417456#467451#4B744C#507447#557442#5B743C

Colorpallet from #3C5B74 to #3C745B and to #743C5B
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#3C5F70#3D5E70#3F5C70#405B70#425970#435870#455670
#3C636C#3F606C#425D6C#455A6C#48576C#4A556C#4E516C
#3C6768#406368#455E68#495A68#4D5668#525168#574C68
#3C6B64#426564#485F64#4D5A64#535464#594E64#604764
#3C6F60#436860#4A6160#525960#595260#604B60#694260
#3C745B#456B5B#4E625B#57595B#60505B#69475B#743C5B

Colorpallet from #3C5B74 to #3C745B and to #745B3C
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#3C5F70#3D5E6F#3F5E6E#405D6E#425C6D#435C6C#455B6B
#3C636C#3F626A#426069#455F67#485E66#4A5D64#4E5B62
#3C6768#406566#456363#496161#4D5F5E#525D5C#575B59
#3C6B64#426861#48665E#4D635A#536157#595E54#605B50
#3C6F60#436C5C#4A6958#526554#596250#605F4C#695B47
#3C745B#457056#4E6C51#57684C#606447#696042#745B3C

Colorpallet from #3C5B74 to #5B3C74 and to #5B743C
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#415674#415773#415971#415A70#415C6E#415D6D#415F6B
#465174#465471#46576E#465A6B#465D68#465F66#466362
#4B4C74#4B5070#4B556B#4B5967#4B5D63#4B625E#4B6759
#504774#504D6E#505368#505863#505E5D#506457#506B50
#554274#55496D#555066#55585E#555F57#556650#556F47
#5B3C74#5B456B#5B4E62#5B5759#5B6050#5B6947#5B743C

Colorpallet from #3C5B74 to #5B3C74 and to #743C5B
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#415674#425673#425673#435672#445671#445671#455670
#465174#475173#495171#4A5170#4B516F#4C516E#4E516C
#4B4C74#4D4C72#4F4C70#514C6E#534C6C#554C6A#574C68
#504774#534771#55476F#58476C#5A476A#5D4767#604764
#554274#584271#5B426E#5F426A#624267#654264#694260
#5B3C74#5F3C70#633C6C#673C68#6B3C64#6F3C60#743C5B

Colorpallet from #3C5B74 to #5B3C74 and to #745B3C
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#415674#425773#425871#435870#44596E#445A6D#455B6B
#465174#475371#49546E#4A566B#4B5768#4C5966#4E5B62
#4B4C74#4D4E70#4F516B#515367#535663#55585E#575B59
#504774#534A6E#554D68#585163#5A545D#5D5757#605B50
#554274#58466D#5B4A66#5F4E5E#625257#655650#695B47
#5B3C74#5F416B#634662#674B59#6B5050#6F5547#745B3C

Colorpallet from #3C5B74 to #5B743C and to #743C5B
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#415F6B#425E6C#425C6D#435B6D#44596E#44586F#455670
#466362#476064#495D65#4A5A67#4B5768#4C556A#4E516C
#4B6759#4D635B#4F5E5E#515A60#535663#555165#574C68
#506B50#536553#555F56#585A5A#5A545D#5D4E60#604764
#556F47#58684B#5B614F#5F5953#625257#654B5B#694260
#5B743C#5F6B41#636246#67594B#6B5050#6F4755#743C5B

Colorpallet from #3C5B74 to #5B743C and to #745B3C
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#415F6B#425E6B#425E6B#435D6B#445C6B#445C6B#455B6B
#466362#476262#496062#4A5F62#4B5E62#4C5D62#4E5B62
#4B6759#4D6559#4F6359#516159#535F59#555D59#575B59
#506B50#536850#556650#586350#5A6150#5D5E50#605B50
#556F47#586C47#5B6947#5F6547#626247#655F47#695B47
#5B743C#5F703C#636C3C#67683C#6B643C#6F603C#745B3C

Colorpallet from #3C5B74 to #743C5B and to #745B3C
#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74#3C5B74
#455670#45576F#45586E#45586E#45596D#455A6C#455B6B
#4E516C#4E536A#4E5469#4E5667#4E5766#4E5964#4E5B62
#574C68#574E66#575163#575361#57565E#57585C#575B59
#604764#604A61#604D5E#60515A#605457#605754#605B50
#694260#69465C#694A58#694E54#695250#69564C#695B47
#743C5B#744156#744651#744B4C#745047#745542#745B3C