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 #3A584E to #3A4E58 and to #583A4E
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3A5650#3B5650#3C554F#3C554F#3D544F#3E544E#3F534E
#3A5551#3C5451#3D5350#3F5250#40514F#424F4F#444E4E
#3A5353#3C5252#3E5051#414F51#434D50#454C4F#484A4E
#3A5254#3D5053#404E52#434C51#464A50#49484F#4D454E
#3A5056#3E4D55#424B53#464852#494651#4D4350#52404E
#3A4E58#3F4B56#444855#484453#4D4152#523E50#583A4E

Colorpallet from #3A584E to #3A4E58 and to #584E3A
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3A5650#3B564F#3C564E#3C564E#3D564D#3E564C#3F564B
#3A5551#3C5550#3D554E#3F554D#40554B#42554A#445548
#3A5353#3C5351#3E534E#41534C#435349#455347#485344
#3A5254#3D5251#40524E#43524B#465248#495245#4D5241
#3A5056#3E5052#42504E#46504A#495047#4D5043#52503E
#3A4E58#3F4E53#444E4E#484E4A#4D4E45#524E40#584E3A

Colorpallet from #3A584E to #3A4E58 and to #4E3A58
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3A5650#3A5650#3B5550#3B5550#3C5450#3C5450#3D5350
#3A5551#3B5451#3C5351#3D5251#3E5151#3F4F51#404E51
#3A5353#3C5253#3D5053#3F4F53#404D53#424C53#444A53
#3A5254#3C5054#3E4E54#404C54#424A54#444854#474554
#3A5056#3D4D56#3F4B56#424856#444656#474356#4A4056
#3A4E58#3D4B58#404858#444458#474158#4A3E58#4E3A58

Colorpallet from #3A584E to #3A4E58 and to #4E583A
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3A5650#3A564F#3B574E#3B574E#3C574D#3C584C#3D584B
#3A5551#3B5550#3C564E#3D564D#3E574B#3F574A#405848
#3A5353#3C5451#3D554E#3F554C#405649#425747#445844
#3A5254#3C5351#3E544E#40554B#425648#445745#475841
#3A5056#3D5152#3F534E#42544A#445547#475643#4A583E
#3A4E58#3D5053#40514E#44534A#475445#4A5640#4E583A

Colorpallet from #3A584E to #583A4E and to #584E3A
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3F534E#3F534E#3F544D#3F544D#3F554C#3F554C#3F564B
#444E4E#444F4D#44504C#44514B#44524A#445449#445548
#484A4E#484B4C#484D4B#484E49#485048#485146#485344
#4D454E#4D474C#4D494A#4D4B48#4D4D46#4D4F44#4D5241
#52404E#52434B#524549#524846#524A44#524D41#52503E
#583A4E#583D4B#584048#584444#584741#584A3E#584E3A

Colorpallet from #3A584E to #583A4E and to #4E3A58
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3F534E#3F534E#3E534F#3E534F#3E534F#3D5350#3D5350
#444E4E#434E4E#434E4F#424E4F#414E50#414E50#404E51
#484A4E#474A4F#474A50#464A50#454A51#454A52#444A53
#4D454E#4C454F#4B4550#4A4551#494552#484553#474554
#52404E#51404F#4F4051#4E4052#4D4053#4C4054#4A4056
#583A4E#563A50#553A51#533A53#523A54#503A56#4E3A58

Colorpallet from #3A584E to #583A4E and to #4E583A
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3F534E#3F544E#3E554D#3E554D#3E564C#3D574C#3D584B
#444E4E#43504D#43514C#42534B#41544A#415649#405848
#484A4E#474C4C#474E4B#465149#455348#455546#445844
#4D454E#4C484C#4B4B4A#4A4E48#495146#485444#475841
#52404E#51444B#4F4849#4E4C46#4D4F44#4C5341#4A583E
#583A4E#563F4B#554448#534844#524D41#50523E#4E583A

Colorpallet from #3A584E to #584E3A and to #4E3A58
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3F564B#3F564C#3E554D#3E554D#3E544E#3D544F#3D5350
#445548#435449#43534B#42524C#41514E#414F4F#404E51
#485344#475246#475049#464F4B#454D4E#454C50#444A53
#4D5241#4C5044#4B4E47#4A4C4A#494A4D#484850#474554
#52503E#514D42#4F4B46#4E484A#4D464D#4C4351#4A4056
#584E3A#564B3F#554844#534448#52414D#503E52#4E3A58

Colorpallet from #3A584E to #584E3A and to #4E583A
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3F564B#3F564B#3E574B#3E574B#3E574B#3D584B#3D584B
#445548#435548#435648#425648#415748#415748#405848
#485344#475444#475544#465544#455644#455744#445844
#4D5241#4C5341#4B5441#4A5541#495641#485741#475841
#52503E#51513E#4F533E#4E543E#4D553E#4C563E#4A583E
#584E3A#56503A#55513A#53533A#52543A#50563A#4E583A

Colorpallet from #3A584E to #4E3A58 and to #4E583A
#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E#3A584E
#3D5350#3D544F#3D554E#3D554E#3D564D#3D574C#3D584B
#404E51#405050#40514E#40534D#40544B#40564A#405848
#444A53#444C51#444E4E#44514C#445349#445547#445844
#474554#474851#474B4E#474E4B#475148#475445#475841
#4A4056#4A4452#4A484E#4A4C4A#4A4F47#4A5343#4A583E
#4E3A58#4E3F53#4E444E#4E484A#4E4D45#4E5240#4E583A