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 #3A4E6B to #3A6B4E and to #4E3A6B
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3A5366#3A5267#3B5068#3B4F68#3C4E69#3C4D6A#3D4B6B
#3A5762#3B5563#3C5265#3D5066#3E4D68#3F4B69#40486B
#3A5C5D#3C585F#3D5461#3F5064#404D66#424968#44446B
#3A6158#3C5C5B#3E575E#405261#424D64#444767#47416B
#3A6554#3D5F58#3F595B#42525F#444C63#474666#4A3E6B
#3A6B4E#3D6353#405B57#44535C#474C61#4A4465#4E3A6B

Colorpallet from #3A4E6B to #3A6B4E and to #4E6B3A
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3A5366#3A5366#3B5365#3B5365#3C5364#3C5364#3D5363
#3A5762#3B5761#3C5760#3D575F#3E575E#3F575C#40575B
#3A5C5D#3C5C5B#3D5C5A#3F5C58#405C57#425C55#445C53
#3A6158#3C6156#3E6154#406152#426150#44614E#47614C
#3A6554#3D6551#3F654F#42654C#44654A#476547#4A6544
#3A6B4E#3D6B4B#406B48#446B44#476B41#4A6B3E#4E6B3A

Colorpallet from #3A4E6B to #3A6B4E and to #6B3A4E
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3A5366#3B5266#3D5066#3E4F66#3F4E66#404D66#424B66
#3A5762#3D5562#3F5262#425062#444D62#474B62#4A4862
#3A5C5D#3E585D#42545D#46505D#494D5D#4D495D#52445D
#3A6158#3F5C58#445758#495258#4E4D58#534758#594158
#3A6554#405F54#465954#4D5254#534C54#594654#613E54
#3A6B4E#42634E#4A5B4E#52534E#594C4E#61444E#6B3A4E

Colorpallet from #3A4E6B to #3A6B4E and to #6B4E3A
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3A5366#3B5266#3D5165#3E5165#3F5064#404F64#424E63
#3A5762#3D5661#3F5460#42535F#44515E#47505C#4A4E5B
#3A5C5D#3E5A5B#42585A#465558#495357#4D5155#524E53
#3A6158#3F5E56#445B54#495852#4E5550#53524E#594E4C
#3A6554#406151#465E4F#4D5A4C#53564A#595347#614E44
#3A6B4E#42664B#4A6248#525D44#595841#61543E#6B4E3A

Colorpallet from #3A4E6B to #4E3A6B and to #4E6B3A
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3D4B6B#3D4C6A#3D4E68#3D4F67#3D5066#3D5165#3D5363
#40486B#404A68#404D66#404F63#405261#40545E#40575B
#44446B#444867#444C63#44505F#44535C#445758#445C53
#47416B#474666#474B61#47505C#475557#475B52#47614C
#4A3E6B#4A4465#4A4A5F#4A5158#4A5752#4A5D4C#4A6544
#4E3A6B#4E4263#4E4A5B#4E5253#4E594C#4E6144#4E6B3A

Colorpallet from #3A4E6B to #4E3A6B and to #6B3A4E
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3D4B6B#3E4B6A#3F4B69#3F4B69#404B68#414B67#424B66
#40486B#42486A#434868#454867#464865#484864#4A4862
#44446B#464469#484467#4B4464#4D4462#4F4460#52445D
#47416B#4A4168#4D4165#504162#53415F#55415C#594158
#4A3E6B#4E3E67#513E64#553E60#593E5C#5C3E59#613E54
#4E3A6B#533A66#573A62#5C3A5D#613A58#653A54#6B3A4E

Colorpallet from #3A4E6B to #4E3A6B and to #6B4E3A
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3D4B6B#3E4B6A#3F4C68#3F4C67#404D66#414D65#424E63
#40486B#424968#434A66#454B63#464C61#484D5E#4A4E5B
#44446B#464667#484763#4B495F#4D4A5C#4F4C58#524E53
#47416B#4A4366#4D4561#50475C#534957#554B52#594E4C
#4A3E6B#4E4165#51435F#554658#594852#5C4B4C#614E44
#4E3A6B#533D63#57405B#5C4453#61474C#654A44#6B4E3A

Colorpallet from #3A4E6B to #4E6B3A and to #6B3A4E
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3D5363#3E5263#3F5064#3F4F64#404E65#414D65#424B66
#40575B#42555C#43525D#45505E#464D5F#484B61#4A4862
#445C53#465855#485456#4B5058#4D4D59#4F495B#52445D
#47614C#4A5C4E#4D5750#505252#534D54#554756#594158
#4A6544#4E5F47#515949#55524C#594C4E#5C4651#613E54
#4E6B3A#53633D#575B40#5C5344#614C47#65444A#6B3A4E

Colorpallet from #3A4E6B to #4E6B3A and to #6B4E3A
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#3D5363#3E5263#3F5163#3F5163#405063#414F63#424E63
#40575B#42565B#43545B#45535B#46515B#48505B#4A4E5B
#445C53#465A53#485853#4B5553#4D5353#4F5153#524E53
#47614C#4A5E4C#4D5B4C#50584C#53554C#55524C#594E4C
#4A6544#4E6144#515E44#555A44#595644#5C5344#614E44
#4E6B3A#53663A#57623A#5C5D3A#61583A#65543A#6B4E3A

Colorpallet from #3A4E6B to #6B3A4E and to #6B4E3A
#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B#3A4E6B
#424B66#424B66#424C65#424C65#424D64#424D64#424E63
#4A4862#4A4961#4A4A60#4A4B5F#4A4C5E#4A4D5C#4A4E5B
#52445D#52465B#52475A#524958#524A57#524C55#524E53
#594158#594356#594554#594752#594950#594B4E#594E4C
#613E54#614151#61434F#61464C#61484A#614B47#614E44
#6B3A4E#6B3D4B#6B4048#6B4444#6B4741#6B4A3E#6B4E3A