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 #3A4C6A to #3A6A4C and to #4C3A6A
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3A5165#3A5066#3B4E67#3B4D67#3C4C68#3C4B69#3D496A
#3A5660#3B5362#3C5163#3D4E65#3E4C66#3F4968#40466A
#3A5A5C#3B565E#3D5360#3E4F63#404B65#414867#43436A
#3A5F57#3C5A5A#3E555D#405060#424B63#444666#46406A
#3A6452#3C5E56#3E585A#41525E#434C61#454665#483E6A
#3A6A4C#3D6251#405B56#43535A#464B5F#484464#4C3A6A

Colorpallet from #3A4C6A to #3A6A4C and to #4C6A3A
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3A5165#3A5165#3B5164#3B5164#3C5163#3C5163#3D5162
#3A5660#3B565F#3C565E#3D565E#3E565D#3F565C#40565B
#3A5A5C#3B5A5B#3D5A59#3E5A58#405A56#415A55#435A53
#3A5F57#3C5F55#3E5F53#405F51#425F4F#445F4D#465F4B
#3A6452#3C6450#3E644E#41644B#436449#456447#486444
#3A6A4C#3D6A49#406A46#436A43#466A40#486A3E#4C6A3A

Colorpallet from #3A4C6A to #3A6A4C and to #6A3A4C
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3A5165#3B5065#3D4E65#3E4D65#3F4C65#404B65#424965
#3A5660#3C5360#3F5160#414E60#444C60#464960#494660
#3A5A5C#3E565C#41535C#454F5C#494B5C#4C485C#51435C
#3A5F57#3F5A57#445557#495057#4E4B57#534657#594057
#3A6452#405E52#465852#4C5252#524C52#584652#603E52
#3A6A4C#42624C#495B4C#51534C#594B4C#60444C#6A3A4C

Colorpallet from #3A4C6A to #3A6A4C and to #6A4C3A
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3A5165#3B5065#3D4F64#3E4F64#3F4E63#404D63#424C62
#3A5660#3C545F#3F535E#41515E#44505D#464E5C#494C5B
#3A5A5C#3E585B#415659#455358#495156#4C4F55#514C53
#3A5F57#3F5C55#445953#495651#4E534F#53504D#594C4B
#3A6452#406050#465C4E#4C584B#525549#585147#604C44
#3A6A4C#426549#496046#515C43#595740#60523E#6A4C3A

Colorpallet from #3A4C6A to #4C3A6A and to #4C6A3A
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3D496A#3D4A69#3D4C67#3D4D66#3D4E65#3D4F64#3D5162
#40466A#404968#404B65#404E63#405060#40535E#40565B
#43436A#434766#434A63#434E5F#43525B#435558#435A53
#46406A#464565#464A60#464F5B#465456#465951#465F4B
#483E6A#484464#484A5E#485058#485652#485C4C#486444
#4C3A6A#4C4262#4C495B#4C5153#4C594B#4C6044#4C6A3A

Colorpallet from #3A4C6A to #4C3A6A and to #6A3A4C
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3D496A#3E4969#3F4968#3F4968#404967#414966#424965
#40466A#414668#434667#444665#464664#474662#494660
#43436A#454368#474366#4A4363#4C4361#4E435F#51435C
#46406A#494067#4C4064#4F4061#52405E#55405B#594057
#483E6A#4C3E66#503E62#543E5E#573E5B#5B3E57#603E52
#4C3A6A#513A65#563A60#5A3A5C#5F3A57#643A52#6A3A4C

Colorpallet from #3A4C6A to #4C3A6A and to #6A4C3A
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3D496A#3E4969#3F4A67#3F4A66#404B65#414B64#424C62
#40466A#414768#434865#444963#464A60#474B5E#494C5B
#43436A#454466#474663#4A475F#4C495B#4E4A58#514C53
#46406A#494265#4C4460#4F465B#524856#554A51#594C4B
#483E6A#4C4064#50425E#544558#574752#5B494C#604C44
#4C3A6A#513D62#56405B#5A4353#5F464B#644844#6A4C3A

Colorpallet from #3A4C6A to #4C6A3A and to #6A3A4C
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3D5162#3E5062#3F4E63#3F4D63#404C64#414B64#424965
#40565B#41535C#43515D#444E5D#464C5E#47495F#494660
#435A53#455654#475356#4A4F57#4C4B59#4E485A#51435C
#465F4B#495A4D#4C554F#4F5051#524B53#554655#594057
#486444#4C5E46#505848#54524B#574C4D#5B464F#603E52
#4C6A3A#51623D#565B40#5A5343#5F4B46#644448#6A3A4C

Colorpallet from #3A4C6A to #4C6A3A and to #6A4C3A
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#3D5162#3E5062#3F4F62#3F4F62#404E62#414D62#424C62
#40565B#41545B#43535B#44515B#46505B#474E5B#494C5B
#435A53#455853#475653#4A5353#4C5153#4E4F53#514C53
#465F4B#495C4B#4C594B#4F564B#52534B#55504B#594C4B
#486444#4C6044#505C44#545844#575544#5B5144#604C44
#4C6A3A#51653A#56603A#5A5C3A#5F573A#64523A#6A4C3A

Colorpallet from #3A4C6A to #6A3A4C and to #6A4C3A
#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A#3A4C6A
#424965#424965#424A64#424A64#424B63#424B63#424C62
#494660#49475F#49485E#49495E#494A5D#494B5C#494C5B
#51435C#51445B#514659#514758#514956#514A55#514C53
#594057#594255#594453#594651#59484F#594A4D#594C4B
#603E52#604050#60424E#60454B#604749#604947#604C44
#6A3A4C#6A3D49#6A4046#6A4343#6A4640#6A483E#6A4C3A