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 #3C586A to #3C6A58 and to #583C6A
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#3C5B67#3D5A67#3D5968#3E5868#3F5769#3F5569#40546A
#3C5E64#3D5C65#3F5966#405767#425468#435269#454F6A
#3C6161#3E5D62#405A64#425665#445367#464F68#494B6A
#3C645E#3F5F60#425A62#455664#485166#4A4C68#4E466A
#3C665C#40605E#435A60#475563#4A4F65#4E4967#52426A
#3C6A58#40635B#455B5E#495461#4E4D64#524566#583C6A

Colorpallet from #3C586A to #3C6A58 and to #586A3C
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#3C5B67#3D5B66#3D5B66#3E5B65#3F5B64#3F5B64#405B63
#3C5E64#3D5E63#3F5E61#405E60#425E5E#435E5D#455E5B
#3C6161#3E615F#40615D#42615B#446159#466157#496154
#3C645E#3F645B#426459#456456#486453#4A6450#4E644D
#3C665C#406658#436655#476651#4A664D#4E664A#526645
#3C6A58#406A54#456A4F#496A4B#4E6A46#526A42#586A3C

Colorpallet from #3C586A to #3C6A58 and to #6A3C58
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#3C5B67#3D5A67#3E5967#3F5867#405767#425567#435467
#3C5E64#3E5C64#415964#435764#465464#485264#4B4F64
#3C6161#405D61#435A61#475661#4A5361#4E4F61#524B61
#3C645E#415F5E#455A5E#4A565E#4F515E#534C5E#59465E
#3C665C#42605C#485A5C#4E555C#544F5C#5A495C#61425C
#3C6A58#436358#4B5B58#525458#594D58#614558#6A3C58

Colorpallet from #3C586A to #3C6A58 and to #6A583C
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#3C5B67#3D5B66#3E5A66#3F5A65#405964#425964#435863
#3C5E64#3E5D63#415C61#435B60#465A5E#48595D#4B585B
#3C6161#40605F#435E5D#475D5B#4A5B59#4E5A57#525854
#3C645E#41625B#456059#4A5E56#4F5C53#535A50#59584D
#3C665C#426458#486255#4E5F51#545D4D#5A5B4A#615845
#3C6A58#436754#4B644F#52614B#595E46#615C42#6A583C

Colorpallet from #3C586A to #583C6A and to #586A3C
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#40546A#405569#405668#405767#405866#405A64#405B63
#454F6A#455168#455465#455663#455960#455B5E#455E5B
#494B6A#494F66#495263#49565F#49595C#495D58#496154
#4E466A#4E4B65#4E5061#4E545C#4E5957#4E5E53#4E644D
#52426A#524864#524E5E#525358#525952#525F4C#526645
#583C6A#584363#584B5B#585254#58594D#586145#586A3C

Colorpallet from #3C586A to #583C6A and to #6A3C58
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#40546A#40546A#415469#415469#425468#425468#435467
#454F6A#464F69#474F68#484F67#494F66#4A4F65#4B4F64
#494B6A#4A4B69#4C4B67#4D4B66#4F4B64#504B63#524B61
#4E466A#504668#524666#534664#554662#574660#59465E
#52426A#544268#574266#594263#5C4261#5E425F#61425C
#583C6A#5B3C67#5E3C64#613C61#643C5E#663C5C#6A3C58

Colorpallet from #3C586A to #583C6A and to #6A583C
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#40546A#405569#415568#415667#425766#425764#435863
#454F6A#465068#475265#485363#495560#4A565E#4B585B
#494B6A#4A4D66#4C4F63#4D515F#4F535C#505558#525854
#4E466A#504965#524C61#534F5C#555257#575453#59584D
#52426A#544664#57495E#594D58#5C5052#5E544C#615845
#583C6A#5B4063#5E455B#614954#644E4D#665245#6A583C

Colorpallet from #3C586A to #586A3C and to #6A3C58
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#405B63#405A64#415964#415865#425766#425566#435467
#455E5B#465C5C#47595E#48575F#495461#4A5262#4B4F64
#496154#4A5D56#4C5A58#4D565A#4F535C#504F5E#524B61
#4E644D#505F50#525A52#535655#555158#574C5B#59465E
#526645#546049#575A4C#595550#5C4F54#5E4957#61425C
#586A3C#5B6340#5E5B45#615449#644D4E#664552#6A3C58

Colorpallet from #3C586A to #586A3C and to #6A583C
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#405B63#405B63#415A63#415A63#425963#425963#435863
#455E5B#465D5B#475C5B#485B5B#495A5B#4A595B#4B585B
#496154#4A6054#4C5E54#4D5D54#4F5B54#505A54#525854
#4E644D#50624D#52604D#535E4D#555C4D#575A4D#59584D
#526645#546445#576245#595F45#5C5D45#5E5B45#615845
#586A3C#5B673C#5E643C#61613C#645E3C#665C3C#6A583C

Colorpallet from #3C586A to #6A3C58 and to #6A583C
#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A#3C586A
#435467#435566#435566#435665#435764#435764#435863
#4B4F64#4B5063#4B5261#4B5360#4B555E#4B565D#4B585B
#524B61#524D5F#524F5D#52515B#525359#525557#525854
#59465E#59495B#594C59#594F56#595253#595450#59584D
#61425C#614658#614955#614D51#61504D#61544A#615845
#6A3C58#6A4054#6A454F#6A494B#6A4E46#6A5242#6A583C