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 #3A4C69 to #3A694C and to #4C3A69
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3A5164#3A5065#3B4E66#3B4D66#3C4C67#3C4B68#3D4969
#3A5560#3B5361#3C5063#3D4E64#3E4B66#3F4967#404669
#3A5A5B#3B565D#3D535F#3E4F62#404B64#414866#434369
#3A5F56#3C5A59#3E555C#40505F#424B62#444665#464069
#3A6352#3C5D56#3E5759#41515D#434B61#454564#483E69
#3A694C#3D6151#405A55#43525A#464B5F#484363#4C3A69

Colorpallet from #3A4C69 to #3A694C and to #4C693A
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3A5164#3A5164#3B5163#3B5163#3C5162#3C5162#3D5161
#3A5560#3B555F#3C555E#3D555D#3E555C#3F555B#40555A
#3A5A5B#3B5A5A#3D5A58#3E5A57#405A55#415A54#435A52
#3A5F56#3C5F54#3E5F52#405F51#425F4F#445F4D#465F4B
#3A6352#3C6350#3E634D#41634B#436348#456346#486343
#3A694C#3D6949#406946#436943#466940#48693E#4C693A

Colorpallet from #3A4C69 to #3A694C and to #693A4C
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3A5164#3B5064#3D4E64#3E4D64#3F4C64#404B64#424964
#3A5560#3C5360#3F5060#414E60#444B60#464960#494660
#3A5A5B#3E565B#41535B#454F5B#494B5B#4C485B#51435B
#3A5F56#3F5A56#445556#485056#4D4B56#524656#584056
#3A6352#405D52#465752#4C5152#524B52#584552#603E52
#3A694C#42614C#495A4C#51524C#584B4C#60434C#693A4C

Colorpallet from #3A4C69 to #3A694C and to #694C3A
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3A5164#3B5064#3D4F63#3E4F63#3F4E62#404D62#424C61
#3A5560#3C545F#3F525E#41515D#444F5C#464E5B#494C5A
#3A5A5B#3E585A#415658#455357#495155#4C4F54#514C52
#3A5F56#3F5C54#445952#485651#4D534F#52504D#584C4B
#3A6352#405F50#465C4D#4C584B#525448#585146#604C43
#3A694C#426449#496046#515B43#585640#60523E#694C3A

Colorpallet from #3A4C69 to #4C3A69 and to #4C693A
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3D4969#3D4A68#3D4C66#3D4D65#3D4E64#3D4F63#3D5161
#404669#404867#404B64#404D62#40505F#40525D#40555A
#434369#434765#434A62#434E5E#43525A#435557#435A52
#464069#464564#464A5F#464F5B#465456#465951#465F4B
#483E69#484463#484A5D#485057#485651#485C4B#486343
#4C3A69#4C4261#4C495A#4C5152#4C584B#4C6043#4C693A

Colorpallet from #3A4C69 to #4C3A69 and to #693A4C
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3D4969#3E4968#3F4967#3F4967#404966#414965#424964
#404669#414668#434666#444665#464663#474662#494660
#434369#454367#474365#4A4362#4C4360#4E435E#51435B
#464069#494066#4C4063#4F4060#52405D#54405A#584056
#483E69#4C3E65#503E62#543E5E#573E5A#5B3E57#603E52
#4C3A69#513A64#553A60#5A3A5B#5F3A56#633A52#693A4C

Colorpallet from #3A4C69 to #4C3A69 and to #694C3A
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3D4969#3E4968#3F4A66#3F4A65#404B64#414B63#424C61
#404669#414767#434864#444962#464A5F#474B5D#494C5A
#434369#454465#474662#4A475E#4C495A#4E4A57#514C52
#464069#494264#4C445F#4F465B#524856#544A51#584C4B
#483E69#4C4063#50425D#544557#574751#5B494B#604C43
#4C3A69#513D61#55405A#5A4352#5F464B#634843#694C3A

Colorpallet from #3A4C69 to #4C693A and to #693A4C
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3D5161#3E5061#3F4E62#3F4D62#404C63#414B63#424964
#40555A#41535B#43505C#444E5D#464B5E#47495F#494660
#435A52#455653#475355#4A4F56#4C4B58#4E4859#51435B
#465F4B#495A4D#4C554F#4F5050#524B52#544654#584056
#486343#4C5D45#505748#54514A#574B4D#5B454F#603E52
#4C693A#51613D#555A40#5A5243#5F4B46#634348#693A4C

Colorpallet from #3A4C69 to #4C693A and to #694C3A
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#3D5161#3E5061#3F4F61#3F4F61#404E61#414D61#424C61
#40555A#41545A#43525A#44515A#464F5A#474E5A#494C5A
#435A52#455852#475652#4A5352#4C5152#4E4F52#514C52
#465F4B#495C4B#4C594B#4F564B#52534B#54504B#584C4B
#486343#4C5F43#505C43#545843#575443#5B5143#604C43
#4C693A#51643A#55603A#5A5B3A#5F563A#63523A#694C3A

Colorpallet from #3A4C69 to #693A4C and to #694C3A
#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69#3A4C69
#424964#424964#424A63#424A63#424B62#424B62#424C61
#494660#49475F#49485E#49495D#494A5C#494B5B#494C5A
#51435B#51445A#514658#514757#514955#514A54#514C52
#584056#584254#584452#584651#58484F#584A4D#584C4B
#603E52#604050#60424D#60454B#604748#604946#604C43
#693A4C#693D49#694046#694343#694640#69483E#694C3A