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 #3A4C45 to #3A454C and to #4C3A45
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3A4B46#3A4B46#3B4A46#3B4A46#3C4A45#3C4945#3D4945
#3A4A47#3B4947#3C4946#3D4846#3E4746#3F4745#404645
#3A4948#3B4848#3D4747#3E4647#404546#414446#434345
#3A4849#3C4748#3E4548#404447#424346#444246#464045
#3A464B#3C454A#3E4349#414248#434147#454046#483E45
#3A454C#3D434B#40414A#434049#463E48#483C46#4C3A45

Colorpallet from #3A4C45 to #3A454C and to #4C453A
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3A4B46#3A4B46#3B4B45#3B4B45#3C4B44#3C4B44#3D4B43
#3A4A47#3B4A46#3C4A45#3D4A44#3E4A43#3F4A42#404A41
#3A4948#3B4947#3D4945#3E4944#404943#414942#434940
#3A4849#3C4847#3E4845#404844#424842#444840#46483E
#3A464B#3C4649#3E4646#414644#434641#45463F#48463C
#3A454C#3D4549#404546#434543#464540#48453E#4C453A

Colorpallet from #3A4C45 to #3A454C and to #453A4C
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3A4B46#3A4B46#3B4A46#3B4A46#3B4A46#3C4946#3C4946
#3A4A47#3B4947#3B4947#3C4847#3D4747#3D4747#3E4647
#3A4948#3B4848#3C4748#3C4648#3D4548#3E4448#3F4348
#3A4849#3B4749#3C4549#3D4449#3E4349#404249#414049
#3A464B#3B454B#3D434B#3E424B#40414B#41404B#433E4B
#3A454C#3C434C#3E414C#3F404C#413E4C#433C4C#453A4C

Colorpallet from #3A4C45 to #3A454C and to #454C3A
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3A4B46#3A4B46#3B4B45#3B4B45#3B4C44#3C4C44#3C4C43
#3A4A47#3B4A46#3B4B45#3C4B44#3D4B43#3D4C42#3E4C41
#3A4948#3B4947#3C4A45#3C4A44#3D4B43#3E4B42#3F4C40
#3A4849#3B4947#3C4945#3D4A44#3E4B42#404B40#414C3E
#3A464B#3B4749#3D4846#3E4944#404A41#414B3F#434C3C
#3A454C#3C4649#3E4746#3F4843#414940#434B3E#454C3A

Colorpallet from #3A4C45 to #4C3A45 and to #4C453A
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3D4945#3D4945#3D4A44#3D4A44#3D4A44#3D4B43#3D4B43
#404645#404744#404744#404843#404942#404942#404A41
#434345#434444#434543#434643#434742#434841#434940
#464045#464144#464343#464442#464541#46463F#46483E
#483E45#483F44#484142#484241#48433F#48443E#48463C
#4C3A45#4C3C43#4C3E41#4C3F40#4C413E#4C433C#4C453A

Colorpallet from #3A4C45 to #4C3A45 and to #453A4C
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3D4945#3D4945#3D4945#3D4945#3C4946#3C4946#3C4946
#404645#404645#3F4646#3F4646#3F4646#3E4647#3E4647
#434345#424345#424346#414346#404347#404347#3F4348
#464045#454046#444046#444047#434048#424048#414049
#483E45#473E46#463E47#463E48#453E49#443E4A#433E4B
#4C3A45#4B3A46#4A3A47#493A48#483A49#463A4B#453A4C

Colorpallet from #3A4C45 to #4C3A45 and to #454C3A
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3D4945#3D4945#3D4A44#3D4A44#3C4B44#3C4B43#3C4C43
#404645#404744#3F4844#3F4943#3F4A42#3E4B42#3E4C41
#434345#424444#424643#414743#404942#404A41#3F4C40
#464045#454244#444443#444642#434841#424A3F#414C3E
#483E45#474044#464242#464541#45473F#44493E#434C3C
#4C3A45#4B3D43#4A4041#494340#48463E#46483C#454C3A

Colorpallet from #3A4C45 to #4C453A and to #453A4C
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3D4B43#3D4B43#3D4A44#3D4A44#3C4A45#3C4945#3C4946
#404A41#404942#3F4943#3F4844#3F4745#3E4746#3E4647
#434940#424841#424743#414644#404545#404446#3F4348
#46483E#454740#444542#444443#434345#424247#414049
#48463C#47453E#464341#464243#454146#444048#433E4B
#4C453A#4B433D#4A4140#494043#483E46#463C48#453A4C

Colorpallet from #3A4C45 to #4C453A and to #454C3A
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3D4B43#3D4B43#3D4B43#3D4B43#3C4C43#3C4C43#3C4C43
#404A41#404A41#3F4B41#3F4B41#3F4B41#3E4C41#3E4C41
#434940#424940#424A40#414A40#404B40#404B40#3F4C40
#46483E#45493E#44493E#444A3E#434B3E#424B3E#414C3E
#48463C#47473C#46483C#46493C#454A3C#444B3C#434C3C
#4C453A#4B463A#4A473A#49483A#48493A#464B3A#454C3A

Colorpallet from #3A4C45 to #453A4C and to #454C3A
#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45#3A4C45
#3C4946#3C4946#3C4A45#3C4A45#3C4B44#3C4B44#3C4C43
#3E4647#3E4746#3E4845#3E4944#3E4A43#3E4B42#3E4C41
#3F4348#3F4447#3F4645#3F4744#3F4943#3F4A42#3F4C40
#414049#414247#414445#414644#414842#414A40#414C3E
#433E4B#434049#434246#434544#434741#43493F#434C3C
#453A4C#453D49#454046#454343#454640#45483E#454C3A