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 #31606C to #316C60 and to #60316C
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#31626A#32606A#345F6B#355D6B#365C6B#375A6C#39586C
#316468#336169#365E69#385B6A#3B586B#3D556B#40516C
#316666#356167#385D68#3C5869#40536A#434F6B#48496C
#316864#366265#3B5C67#3F5668#445069#494A6A#4F426C
#316A62#376264#3D5B65#435367#494B68#4F446A#573A6C
#316C60#396362#405964#485066#4F4668#573D6A#60316C

Colorpallet from #31606C to #316C60 and to #606C31
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#31626A#326269#346268#356267#366266#376264#396263
#316468#336466#366463#386461#3B645E#3D645C#406459
#316666#356662#38665F#3C665B#406658#436654#486650
#316864#36685F#3B685A#3F6856#446851#49684C#4F6846
#316A62#376A5C#3D6A56#436A50#496A4A#4F6A44#576A3D
#316C60#396C58#406C51#486C49#4F6C42#576C3A#606C31

Colorpallet from #31606C to #316C60 and to #6C3160
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#31626A#32606A#345F6A#355D6A#375C6A#385A6A#3A586A
#316468#346168#375E68#3A5B68#3D5868#405568#445168
#316666#356166#3A5D66#3E5866#435366#474F66#4D4966
#316864#376264#3D5C64#435664#495064#4F4A64#574264
#316A62#396262#405B62#485362#4F4B62#574462#603A62
#316C60#3A6360#445960#4D5060#574660#603D60#6C3160

Colorpallet from #31606C to #316C60 and to #6C6031
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#31626A#326269#346168#356167#376166#386064#3A6063
#316468#346366#376363#3A6261#3D615E#40615C#446059
#316666#356562#3A645F#3E635B#436258#476154#4D6050
#316864#37675F#3D655A#436456#496351#4F624C#576046
#316A62#39685C#406756#486550#4F644A#576244#60603D
#316C60#3A6A58#446851#4D6649#576442#60623A#6C6031

Colorpallet from #31606C to #60316C and to #606C31
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#39586C#395A6B#395B69#395D68#395E66#396065#396263
#40516C#405469#405766#405A63#405D60#40605D#406459
#48496C#484E68#485263#48575F#485C5A#486056#486650
#4F426C#4F4866#4F4E60#4F545A#4F5A54#4F604E#4F6846
#573A6C#574264#57495D#575155#57594E#576046#576A3D
#60316C#603A63#604459#604D50#605746#60603D#606C31

Colorpallet from #31606C to #60316C and to #6C3160
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#39586C#39586C#39586B#39586B#3A586B#3A586A#3A586A
#40516C#41516B#41516B#42516A#435169#435169#445168
#48496C#49496B#4A496A#4A4969#4B4968#4C4967#4D4966
#4F426C#50426B#524269#534268#544267#554266#574264
#573A6C#583A6A#5A3A69#5B3A67#5D3A66#5E3A64#603A62
#60316C#62316A#643168#663166#683164#6A3162#6C3160

Colorpallet from #31606C to #60316C and to #6C6031
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#39586C#39596B#395B69#395C68#3A5D66#3A5E65#3A6063
#40516C#415369#415666#425863#435B60#435D5D#446059
#48496C#494D68#4A5063#4A545F#4B585A#4C5B56#4D6050
#4F426C#504766#524C60#53505A#545554#555A4E#576046
#573A6C#584064#5A465D#5B4C55#5D524E#5E5846#60603D
#60316C#623963#644059#664850#684F46#6A573D#6C6031

Colorpallet from #31606C to #606C31 and to #6C3160
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#396263#396064#395F65#395D66#3A5C67#3A5A69#3A586A
#406459#41615B#415E5E#425B60#435863#435565#445168
#486650#496154#4A5D57#4A585B#4B535E#4C4F62#4D4966
#4F6846#50624B#525C50#535654#545059#554A5E#574264
#576A3D#586243#5A5B49#5B534F#5D4B55#5E445B#603A62
#606C31#626339#645940#665048#68464F#6A3D57#6C3160

Colorpallet from #31606C to #606C31 and to #6C6031
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#396263#396263#396163#396163#3A6163#3A6063#3A6063
#406459#416359#416359#426259#436159#436159#446059
#486650#496550#4A6450#4A6350#4B6250#4C6150#4D6050
#4F6846#506746#526546#536446#546346#556246#576046
#576A3D#58683D#5A673D#5B653D#5D643D#5E623D#60603D
#606C31#626A31#646831#666631#686431#6A6231#6C6031

Colorpallet from #31606C to #6C3160 and to #6C6031
#31606C#31606C#31606C#31606C#31606C#31606C#31606C
#3A586A#3A5969#3A5B68#3A5C67#3A5D66#3A5E64#3A6063
#445168#445366#445663#445861#445B5E#445D5C#446059
#4D4966#4D4D62#4D505F#4D545B#4D5858#4D5B54#4D6050
#574264#57475F#574C5A#575056#575551#575A4C#576046
#603A62#60405C#604656#604C50#60524A#605844#60603D
#6C3160#6C3958#6C4051#6C4849#6C4F42#6C573A#6C6031