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 #3A4E76 to #3A764E and to #4E3A76
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3A5470#3A5371#3B5172#3B5073#3C4E74#3C4D75#3D4B76
#3A5B69#3B586B#3C556D#3D526F#3E4F71#3F4C73#404876
#3A6163#3C5C66#3D5869#3F536C#404E6F#424A72#444476
#3A685C#3C6260#3E5C64#405568#424F6D#444971#474176
#3A6E56#3D665B#3F5F60#425765#444F6A#474870#4A3E76
#3A764E#3D6C54#40635B#445961#475068#4A466E#4E3A76

Colorpallet from #3A4E76 to #3A764E and to #4E763A
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3A5470#3A546F#3B546F#3B546E#3C546D#3C546D#3D546C
#3A5B69#3B5B68#3C5B67#3D5B66#3E5B65#3F5B64#405B63
#3A6163#3C6161#3D6160#3F615E#40615D#42615B#446159
#3A685C#3C685A#3E6858#406856#426854#446852#476850
#3A6E56#3D6E53#3F6E51#426E4E#446E4C#476E49#4A6E46
#3A764E#3D764B#407648#447644#477641#4A763E#4E763A

Colorpallet from #3A4E76 to #3A764E and to #763A4E
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3A5470#3C5370#3D5170#3F5070#404E70#424D70#444B70
#3A5B69#3D5869#405569#435269#464F69#494C69#4D4869
#3A6163#3F5C63#435863#485363#4D4E63#514A63#574463
#3A685C#40625C#465C5C#4C555C#524F5C#58495C#60415C
#3A6E56#426656#495F56#515756#594F56#604856#6A3E56
#3A764E#446C4E#4D634E#57594E#60504E#6A464E#763A4E

Colorpallet from #3A4E76 to #3A764E and to #764E3A
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3A5470#3C536F#3D526F#3F516E#40506D#424F6D#444E6C
#3A5B69#3D5968#405767#435566#465365#495164#4D4E63
#3A6163#3F5E61#435B60#48585E#4D555D#51525B#574E59
#3A685C#40645A#466058#4C5C56#525754#585352#604E50
#3A6E56#426953#496451#515F4E#595A4C#605449#6A4E46
#3A764E#44704B#4D6948#576344#605C41#6A563E#764E3A

Colorpallet from #3A4E76 to #4E3A76 and to #4E763A
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3D4B76#3D4C74#3D4E73#3D4F71#3D5170#3D526E#3D546C
#404876#404B73#404E70#40516D#40546A#405767#405B63
#444476#444971#444D6D#445268#445763#445B5F#446159
#474176#474770#474D6A#475464#475A5E#476058#476850
#4A3E76#4A466E#4A4D67#4A555F#4A5D57#4A6450#4A6E46
#4E3A76#4E446C#4E4D63#4E5759#4E6050#4E6A46#4E763A

Colorpallet from #3A4E76 to #4E3A76 and to #763A4E
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3D4B76#3E4B75#3F4B74#404B73#414B72#434B71#444B70
#404876#424874#444872#464870#48486E#4A486C#4D4869
#444476#474473#4A4470#4D446D#50446A#534467#574463
#474176#4B4172#4F416E#53416A#574165#5B4161#60415C
#4A3E76#4F3E71#543E6C#593E67#5E3E62#643E5C#6A3E56
#4E3A76#543A70#5B3A69#613A63#683A5C#6E3A56#763A4E

Colorpallet from #3A4E76 to #4E3A76 and to #764E3A
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3D4B76#3E4B74#3F4C73#404C71#414D70#434D6E#444E6C
#404876#424973#444A70#464B6D#484C6A#4A4D67#4D4E63
#444476#474671#4A476D#4D4968#504A63#534C5F#574E59
#474176#4B4370#4F456A#534764#57495E#5B4B58#604E50
#4A3E76#4F416E#544367#59465F#5E4857#644B50#6A4E46
#4E3A76#543D6C#5B4063#614459#684750#6E4A46#764E3A

Colorpallet from #3A4E76 to #4E763A and to #763A4E
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3D546C#3E536D#3F516D#40506E#414E6F#434D6F#444B70
#405B63#425864#445565#465266#484F67#4A4C68#4D4869
#446159#475C5B#4A585C#4D535E#504E5F#534A61#574463
#476850#4B6252#4F5C54#535556#574F58#5B495A#60415C
#4A6E46#4F6649#545F4B#59574E#5E4F50#644853#6A3E56
#4E763A#546C3D#5B6340#615944#685047#6E464A#763A4E

Colorpallet from #3A4E76 to #4E763A and to #764E3A
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#3D546C#3E536C#3F526C#40516C#41506C#434F6C#444E6C
#405B63#425963#445763#465563#485363#4A5163#4D4E63
#446159#475E59#4A5B59#4D5859#505559#535259#574E59
#476850#4B6450#4F6050#535C50#575750#5B5350#604E50
#4A6E46#4F6946#546446#595F46#5E5A46#645446#6A4E46
#4E763A#54703A#5B693A#61633A#685C3A#6E563A#764E3A

Colorpallet from #3A4E76 to #763A4E and to #764E3A
#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76#3A4E76
#444B70#444B6F#444C6F#444C6E#444D6D#444D6D#444E6C
#4D4869#4D4968#4D4A67#4D4B66#4D4C65#4D4D64#4D4E63
#574463#574661#574760#57495E#574A5D#574C5B#574E59
#60415C#60435A#604558#604756#604954#604B52#604E50
#6A3E56#6A4153#6A4351#6A464E#6A484C#6A4B49#6A4E46
#763A4E#763D4B#764048#764444#764741#764A3E#764E3A