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 #3A6A5D to #3A5D6A and to #6A3A5D
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#3A685F#3B675F#3D665E#3E655E#3F645E#40635D#42625D
#3A6661#3C6460#3F6260#41615F#445F5E#465D5E#495B5D
#3A6463#3E6162#415F61#455C60#49595F#4C565E#51535D
#3A6265#3F5E64#445B62#495761#4E5360#53505F#594B5D
#3A6067#405C65#465764#4C5362#524E61#584A5F#60445D
#3A5D6A#425768#495266#514C64#594762#604160#6A3A5D

Colorpallet from #3A6A5D to #3A5D6A and to #6A5D3A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#3A685F#3B685E#3D685C#3E685B#3F685A#406859#426857
#3A6661#3C665F#3F665C#41665A#446657#466655#496652
#3A6463#3E645F#41645C#456458#496454#4C6451#51644C
#3A6265#3F6260#44625B#496257#4E6252#53624D#596247
#3A6067#406061#46605B#4C6055#52604F#586049#606041
#3A5D6A#425D62#495D5B#515D53#595D4B#605D44#6A5D3A

Colorpallet from #3A6A5D to #3A5D6A and to #5D3A6A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#3A685F#3B675F#3C665F#3D655F#3E645F#3F635F#40625F
#3A6661#3C6461#3E6261#3F6161#415F61#435D61#455B61
#3A6463#3D6163#3F5F63#425C63#455963#485663#4B5363
#3A6265#3E5E65#415B65#455765#485365#4C5065#504B65
#3A6067#3E5C67#435767#475367#4C4E67#504A67#564467
#3A5D6A#40576A#45526A#4B4C6A#50476A#56416A#5D3A6A

Colorpallet from #3A6A5D to #3A5D6A and to #5D6A3A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#3A685F#3B685E#3C695C#3D695B#3E695A#3F6A59#406A57
#3A6661#3C675F#3E675C#3F685A#416957#436955#456A52
#3A6463#3D655F#3F665C#426758#456854#486951#4B6A4C
#3A6265#3E6360#41655B#456657#486752#4C684D#506A47
#3A6067#3E6261#43635B#476555#4C664F#506849#566A41
#3A5D6A#405F62#45615B#4B6353#50654B#566744#5D6A3A

Colorpallet from #3A6A5D to #6A3A5D and to #6A5D3A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#42625D#42635C#42645B#42655A#426659#426758#426857
#495B5D#495D5B#495F59#496058#496256#496454#496652
#51535D#51565A#515858#515B55#515E52#51614F#51644C
#594B5D#594F59#595256#595652#595A4F#595D4B#596247
#60445D#604859#604D54#605150#60564B#605A47#606041
#6A3A5D#6A4057#6A4552#6A4B4C#6A5047#6A5641#6A5D3A

Colorpallet from #3A6A5D to #6A3A5D and to #5D3A6A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#42625D#42625D#41625E#41625E#41625E#40625F#40625F
#495B5D#485B5E#485B5E#475B5F#465B60#465B60#455B61
#51535D#50535E#4F535F#4E5360#4D5361#4C5362#4B5363
#594B5D#584B5E#564B60#554B61#534B62#524B63#504B65
#60445D#5E445F#5D4460#5B4462#5A4463#584465#564467
#6A3A5D#683A5F#663A61#643A63#623A65#603A67#5D3A6A

Colorpallet from #3A6A5D to #6A3A5D and to #5D6A3A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#42625D#42635C#41655B#41665A#416759#406858#406A57
#495B5D#485D5B#486059#476258#466556#466754#456A52
#51535D#50575A#4F5A58#4E5E55#4D6252#4C654F#4B6A4C
#594B5D#585059#565556#555A52#535F4F#52644B#506A47
#60445D#5E4A59#5D5054#5B5650#5A5C4B#586247#566A41
#6A3A5D#684257#664952#64514C#625947#606041#5D6A3A

Colorpallet from #3A6A5D to #6A5D3A and to #5D3A6A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#426857#426758#41665A#41655B#41645C#40635D#40625F
#496652#486454#486257#476159#465F5C#465D5E#455B61
#51644C#506150#4F5F53#4E5C57#4D595B#4C565E#4B5363
#596247#585E4C#565B51#555755#53535A#52505F#504B65
#606041#5E5C47#5D574D#5B5353#5A4E59#584A5F#564467
#6A5D3A#685742#665249#644C51#624759#604160#5D3A6A

Colorpallet from #3A6A5D to #6A5D3A and to #5D6A3A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#426857#426857#416957#416957#416957#406A57#406A57
#496652#486752#486752#476852#466952#466952#456A52
#51644C#50654C#4F664C#4E674C#4D684C#4C694C#4B6A4C
#596247#586347#566547#556647#536747#526847#506A47
#606041#5E6241#5D6341#5B6541#5A6641#586841#566A41
#6A5D3A#685F3A#66613A#64633A#62653A#60673A#5D6A3A

Colorpallet from #3A6A5D to #5D3A6A and to #5D6A3A
#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D#3A6A5D
#40625F#40635E#40655C#40665B#40675A#406859#406A57
#455B61#455D5F#45605C#45625A#456557#456755#456A52
#4B5363#4B575F#4B5A5C#4B5E58#4B6254#4B6551#4B6A4C
#504B65#505060#50555B#505A57#505F52#50644D#506A47
#564467#564A61#56505B#565655#565C4F#566249#566A41
#5D3A6A#5D4262#5D495B#5D5153#5D594B#5D6044#5D6A3A