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 #3A5B47 to #3A475B and to #5B3A47
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3A584A#3B584A#3C5749#3C5749#3D5748#3E5648#3F5647
#3A554D#3C544C#3E534B#3F534A#415249#435148#455047
#3A5151#3D504F#3F4F4E#424E4C#444D4B#474C49#4A4B47
#3A4E54#3D4D52#414B50#444A4E#47494C#4B484A#4F4647
#3A4B57#3E4954#424852#46464F#4B454D#4F434A#544147
#3A475B#3F4558#454355#4A4151#4F3F4E#543D4B#5B3A47

Colorpallet from #3A5B47 to #3A475B and to #5B473A
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3A584A#3B5849#3C5848#3C5848#3D5847#3E5846#3F5845
#3A554D#3C554B#3E554A#3F5548#415547#435545#455543
#3A5151#3D514E#3F514C#425149#445147#475144#4A5141
#3A4E54#3D4E51#414E4D#444E4A#474E47#4B4E43#4F4E3F
#3A4B57#3E4B53#424B4F#464B4B#4B4B46#4F4B42#544B3D
#3A475B#3F4756#454750#4A474B#4F4746#544741#5B473A

Colorpallet from #3A5B47 to #3A475B and to #473A5B
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3A584A#3A584A#3B574A#3B574A#3B574A#3C564A#3C564A
#3A554D#3B544D#3B534D#3C534D#3D524D#3D514D#3E504D
#3A5151#3B5051#3C4F51#3D4E51#3E4D51#3F4C51#404B51
#3A4E54#3B4D54#3D4B54#3E4A54#3F4954#404854#424654
#3A4B57#3C4957#3D4857#3F4657#404557#424357#444157
#3A475B#3C455B#3E435B#40415B#423F5B#443D5B#473A5B

Colorpallet from #3A5B47 to #3A475B and to #475B3A
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3A584A#3A5849#3B5948#3B5948#3B5A47#3C5A46#3C5B45
#3A554D#3B564B#3B574A#3C5848#3D5947#3D5A45#3E5B43
#3A5151#3B534E#3C544C#3D5649#3E5747#3F5944#405B41
#3A4E54#3B5051#3D524D#3E544A#3F5647#405843#425B3F
#3A4B57#3C4E53#3D504F#3F534B#405546#425842#445B3D
#3A475B#3C4A56#3E4D50#40514B#425446#445741#475B3A

Colorpallet from #3A5B47 to #5B3A47 and to #5B473A
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3F5647#3F5647#3F5746#3F5746#3F5746#3F5845#3F5845
#455047#455146#455246#455245#455344#455444#455543
#4A4B47#4A4C46#4A4D45#4A4E44#4A4F43#4A5042#4A5141
#4F4647#4F4746#4F4944#4F4A43#4F4B42#4F4C41#4F4E3F
#544147#544345#544444#544642#544741#54493F#544B3D
#5B3A47#5B3C45#5B3E43#5B4041#5B423F#5B443D#5B473A

Colorpallet from #3A5B47 to #5B3A47 and to #473A5B
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3F5647#3F5647#3E5648#3E5648#3D5649#3D5649#3C564A
#455047#445048#435049#42504A#41504B#3F504C#3E504D
#4A4B47#484B49#474B4A#454B4C#444B4D#424B4F#404B51
#4F4647#4D4649#4B464B#49464D#47464F#454651#424654
#544147#51414A#4F414C#4C414F#4A4151#474154#444157
#5B3A47#583A4A#553A4D#513A51#4E3A54#4B3A57#473A5B

Colorpallet from #3A5B47 to #5B3A47 and to #475B3A
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3F5647#3F5747#3E5846#3E5846#3D5946#3D5A45#3C5B45
#455047#445246#435446#425545#415744#3F5944#3E5B43
#4A4B47#484E46#475045#455344#445543#425842#405B41
#4F4647#4D4946#4B4D44#495043#475342#455741#425B3F
#544147#514545#4F4944#4C4D42#4A5241#47563F#445B3D
#5B3A47#583F45#554543#514A41#4E4F3F#4B543D#475B3A

Colorpallet from #3A5B47 to #5B473A and to #473A5B
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3F5845#3F5846#3E5747#3E5747#3D5748#3D5649#3C564A
#455543#445445#435346#425348#415249#3F514B#3E504D
#4A5141#485044#474F46#454E49#444D4B#424C4E#404B51
#4F4E3F#4D4D42#4B4B46#494A49#47494C#454850#424654
#544B3D#514941#4F4845#4C4649#4A454E#474352#444157
#5B473A#58453F#554345#51414A#4E3F4F#4B3D54#473A5B

Colorpallet from #3A5B47 to #5B473A and to #475B3A
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3F5845#3F5845#3E5945#3E5945#3D5A45#3D5A45#3C5B45
#455543#445643#435743#425843#415943#3F5A43#3E5B43
#4A5141#485341#475441#455641#445741#425941#405B41
#4F4E3F#4D503F#4B523F#49543F#47563F#45583F#425B3F
#544B3D#514E3D#4F503D#4C533D#4A553D#47583D#445B3D
#5B473A#584A3A#554D3A#51513A#4E543A#4B573A#475B3A

Colorpallet from #3A5B47 to #473A5B and to #475B3A
#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47#3A5B47
#3C564A#3C5749#3C5848#3C5848#3C5947#3C5A46#3C5B45
#3E504D#3E524B#3E544A#3E5548#3E5747#3E5945#3E5B43
#404B51#404E4E#40504C#405349#405547#405844#405B41
#424654#424951#424D4D#42504A#425347#425743#425B3F
#444157#444553#44494F#444D4B#445246#445642#445B3D
#473A5B#473F56#474550#474A4B#474F46#475441#475B3A