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 #315B71 to #31715B and to #5B3171
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#315F6D#325D6E#335B6E#345A6F#355870#375670#385471
#31626A#335F6B#355C6C#37586D#39556E#3B5270#3E4E71
#316666#346168#375C6A#3B576B#3E526D#414D6F#454771
#316963#356265#3A5C67#3E556A#424F6C#47486E#4C4071
#316D5F#366562#3C5C65#415468#474C6B#4C436D#533971
#31715B#38675F#3E5D62#455266#4C4869#533E6D#5B3171

Colorpallet from #315B71 to #31715B and to #5B7131
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#315F6D#325F6C#335F6B#345F6A#355F69#375F68#385F67
#31626A#336268#356266#376264#396262#3B6260#3E625D
#316666#346663#376660#3B665C#3E6659#416656#456652
#316963#35695F#3A695A#3E6956#426952#47694D#4C6948
#316D5F#366D5A#3C6D54#416D4F#476D4A#4C6D45#536D3E
#31715B#387154#3E714E#457147#4C7140#537139#5B7131

Colorpallet from #315B71 to #31715B and to #71315B
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#315F6D#335D6D#345B6D#365A6D#37586D#39566D#3B546D
#31626A#345F6A#375C6A#3B586A#3E556A#41526A#454E6A
#316666#366166#3B5C66#405766#455266#4A4D66#504766
#316963#386263#3E5C63#455563#4B4F63#524863#5A4063
#316D5F#39655F#415C5F#49545F#524C5F#5A435F#64395F
#31715B#3B675B#455D5B#50525B#5A485B#643E5B#71315B

Colorpallet from #315B71 to #31715B and to #715B31
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#315F6D#335E6C#345E6B#365D6A#375C69#395C68#3B5B67
#31626A#346168#376066#3B5F64#3E5E62#415C60#455B5D
#316666#366463#3B6260#40615C#455F59#4A5D56#505B52
#316963#38675F#3E655A#456256#4B6052#525E4D#5A5B48
#316D5F#396A5A#416754#49644F#52614A#5A5F45#645B3E
#31715B#3B6D54#456A4E#506647#5A6340#645F39#715B31

Colorpallet from #315B71 to #5B3171 and to #5B7131
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#385471#38566F#38586E#38596C#385B6B#385D69#385F67
#3E4E71#3E516E#3E546B#3E5867#3E5B64#3E5E61#3E625D
#454771#454C6C#455167#455662#455B5D#456058#456652
#4C4071#4C476A#4C4D64#4C545D#4C5A57#4C6150#4C6948
#533971#534169#534A61#535259#535A50#536348#536D3E
#5B3171#5B3B67#5B455D#5B5052#5B5A48#5B643E#5B7131

Colorpallet from #315B71 to #5B3171 and to #71315B
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#385471#385470#395470#39546F#3A546E#3A546E#3B546D
#3E4E71#3F4E70#404E6F#414E6E#424E6D#444E6B#454E6A
#454771#47476F#49476D#4A476C#4C476A#4E4768#504766
#4C4071#4E406F#50406D#53406A#554068#574066#5A4063
#533971#56396E#58396B#5B3968#5E3965#613963#64395F
#5B3171#5F316D#62316A#663166#693163#6D315F#71315B

Colorpallet from #315B71 to #5B3171 and to #715B31
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#385471#38556F#39566E#39576C#3A586B#3A5A69#3B5B67
#3E4E71#3F506E#40526B#415467#425664#445861#455B5D
#454771#474A6C#494D67#4A5162#4C545D#4E5758#505B52
#4C4071#4E446A#504964#534D5D#555157#575650#5A5B48
#533971#563E69#584461#5B4959#5E4F50#615448#645B3E
#5B3171#5F3867#623E5D#664552#694C48#6D533E#715B31

Colorpallet from #315B71 to #5B7131 and to #71315B
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#385F67#385D68#395B69#395A6A#3A586B#3A566C#3B546D
#3E625D#3F5F5F#405C61#415863#425565#445267#454E6A
#456652#476155#495C58#4A575C#4C525F#4E4D62#504766
#4C6948#4E624C#505C51#535555#554F59#57485E#5A4063
#536D3E#566543#585C49#5B544E#5E4C53#614358#64395F
#5B7131#5F6738#625D3E#665245#69484C#6D3E53#71315B

Colorpallet from #315B71 to #5B7131 and to #715B31
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#385F67#385E67#395E67#395D67#3A5C67#3A5C67#3B5B67
#3E625D#3F615D#40605D#415F5D#425E5D#445C5D#455B5D
#456652#476452#496252#4A6152#4C5F52#4E5D52#505B52
#4C6948#4E6748#506548#536248#556048#575E48#5A5B48
#536D3E#566A3E#58673E#5B643E#5E613E#615F3E#645B3E
#5B7131#5F6D31#626A31#666631#696331#6D5F31#715B31

Colorpallet from #315B71 to #71315B and to #715B31
#315B71#315B71#315B71#315B71#315B71#315B71#315B71
#3B546D#3B556C#3B566B#3B576A#3B5869#3B5A68#3B5B67
#454E6A#455068#455266#455464#455662#455860#455B5D
#504766#504A63#504D60#50515C#505459#505756#505B52
#5A4063#5A445F#5A495A#5A4D56#5A5152#5A564D#5A5B48
#64395F#643E5A#644454#64494F#644F4A#645445#645B3E
#71315B#713854#713E4E#714547#714C40#715339#715B31