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 #3A5C7D to #3A7D5C and to #5C3A7D
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3A6178#3B5F79#3C5E7A#3C5C7A#3D5B7B#3E597C#3F577D
#3A6772#3C6374#3E6076#3F5C77#415979#43557B#45517D
#3A6C6D#3D6770#3F6272#425D75#445877#47527A#4A4C7D
#3A7168#3E6A6B#41636F#455C72#485575#4C4F79#50467D
#3A7663#3E6E67#43656B#475D6F#4B5474#504C78#55417D
#3A7D5C#3F7261#456867#4A5D6C#505271#554776#5C3A7D

Colorpallet from #3A5C7D to #3A7D5C and to #5C7D3A
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3A6178#3B6177#3C6176#3C6175#3D6174#3E6173#3F6172
#3A6772#3C6770#3E676F#3F676D#41676C#43676A#456768
#3A6C6D#3D6C6A#3F6C68#426C65#446C63#476C60#4A6C5D
#3A7168#3E7164#417161#45715D#48715A#4C7156#507152
#3A7663#3E765F#43765A#477656#4B7651#50764D#557647
#3A7D5C#3F7D57#457D51#4A7D4C#507D46#557D41#5C7D3A

Colorpallet from #3A5C7D to #3A7D5C and to #7D3A5C
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3A6178#3C5F78#3E5E78#3F5C78#415B78#435978#455778
#3A6772#3D6372#416072#445C72#475972#4B5572#4F5172
#3A6C6D#3F676D#44626D#495D6D#4E586D#54526D#5A4C6D
#3A7168#416A68#486368#4F5C68#565568#5C4F68#654668
#3A7663#436E63#4B6563#545D63#5D5463#654C63#704163
#3A7D5C#45725C#4F685C#5A5D5C#65525C#70475C#7D3A5C

Colorpallet from #3A5C7D to #3A7D5C and to #7D5C3A
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3A6178#3C6077#3E5F76#3F5F75#415E74#435D73#455C72
#3A6772#3D6570#41636F#44626D#47606C#4B5E6A#4F5C68
#3A6C6D#3F696A#446768#496465#4E6263#545F60#5A5C5D
#3A7168#416E64#486A61#4F675D#56645A#5C6056#655C52
#3A7663#43725F#4B6E5A#546A56#5D6551#65614D#705C47
#3A7D5C#457857#4F7251#5A6D4C#656846#706341#7D5C3A

Colorpallet from #3A5C7D to #5C3A7D and to #5C7D3A
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3F577D#3F597B#3F5A79#3F5C78#3F5D76#3F5F74#3F6172
#45517D#45557A#455876#455C73#455F70#45636C#456768
#4A4C7D#4A5178#4A5673#4A5B6E#4A6069#4A6663#4A6C5D
#50467D#504D76#50546F#505B68#506261#50685B#507152
#55417D#554974#55526C#555A63#55635A#556B52#557647
#5C3A7D#5C4572#5C4F68#5C5A5D#5C6552#5C7047#5C7D3A

Colorpallet from #3A5C7D to #5C3A7D and to #7D3A5C
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3F577D#40577C#41577B#42577B#43577A#445779#455778
#45517D#47517B#485179#4A5178#4B5176#4D5174#4F5172
#4A4C7D#4D4C7A#4F4C78#524C75#544C73#574C70#5A4C6D
#50467D#53467A#574676#5A4673#5D4670#61466C#654668
#55417D#594179#5E4175#624171#66416C#6B4168#704163
#5C3A7D#613A78#673A72#6C3A6D#713A68#763A63#7D3A5C

Colorpallet from #3A5C7D to #5C3A7D and to #7D5C3A
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3F577D#40587B#415979#425978#435A76#445B74#455C72
#45517D#47537A#485576#4A5673#4B5870#4D5A6C#4F5C68
#4A4C7D#4D4F78#4F5173#52546E#545669#575963#5A5C5D
#50467D#534A76#574D6F#5A5168#5D5461#61585B#655C52
#55417D#594574#5E4A6C#624E63#66525A#6B5752#705C47
#5C3A7D#613F72#674568#6C4A5D#715052#765547#7D5C3A

Colorpallet from #3A5C7D to #5C7D3A and to #7D3A5C
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3F6172#405F73#415E74#425C75#435B76#445977#455778
#456768#47636A#48606B#4A5C6D#4B596E#4D5570#4F5172
#4A6C5D#4D6760#4F6262#525D65#545867#57526A#5A4C6D
#507152#536A56#576359#5A5C5D#5D5560#614F64#654668
#557647#596E4B#5E6550#625D54#665459#6B4C5D#704163
#5C7D3A#61723F#676845#6C5D4A#715250#764755#7D3A5C

Colorpallet from #3A5C7D to #5C7D3A and to #7D5C3A
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#3F6172#406072#415F72#425F72#435E72#445D72#455C72
#456768#476568#486368#4A6268#4B6068#4D5E68#4F5C68
#4A6C5D#4D695D#4F675D#52645D#54625D#575F5D#5A5C5D
#507152#536E52#576A52#5A6752#5D6452#616052#655C52
#557647#597247#5E6E47#626A47#666547#6B6147#705C47
#5C7D3A#61783A#67723A#6C6D3A#71683A#76633A#7D5C3A

Colorpallet from #3A5C7D to #7D3A5C and to #7D5C3A
#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D#3A5C7D
#455778#455877#455976#455975#455A74#455B73#455C72
#4F5172#4F5370#4F556F#4F566D#4F586C#4F5A6A#4F5C68
#5A4C6D#5A4F6A#5A5168#5A5465#5A5663#5A5960#5A5C5D
#654668#654A64#654D61#65515D#65545A#655856#655C52
#704163#70455F#704A5A#704E56#705251#70574D#705C47
#7D3A5C#7D3F57#7D4551#7D4A4C#7D5046#7D5541#7D5C3A