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 #314A4D to #314D4A and to #4A314D
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#314A4D#32494D#32494D#33484D#34474D#34474D#35464D
#314B4C#324A4C#34484C#35474C#36454D#37444D#39424D
#314B4C#33494C#35474C#37454C#39434D#3B414D#3D3E4D
#314C4B#34494B#36464C#39434C#3B404C#3E3E4D#413A4D
#314C4B#34484B#37454C#3B414C#3E3E4C#413A4D#45364D
#314D4A#35494A#39444B#3D404B#413B4C#45374C#4A314D

Colorpallet from #314A4D to #314D4A and to #4A4D31
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#314A4D#324A4C#324A4C#334A4B#344A4A#344A4A#354A49
#314B4C#324B4B#344B49#354B48#364B47#374B46#394B44
#314B4C#334B4A#354B48#374B46#394B44#3B4B42#3D4B40
#314C4B#344C48#364C46#394C43#3B4C41#3E4C3E#414C3B
#314C4B#344C48#374C45#3B4C41#3E4C3E#414C3B#454C37
#314D4A#354D46#394D42#3D4D3E#414D3A#454D36#4A4D31

Colorpallet from #314A4D to #314D4A and to #4D314A
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#314A4D#32494D#32494D#33484D#34474D#34474D#35464D
#314B4C#324A4C#34484C#35474C#37454C#38444C#3A424C
#314B4C#33494C#35474C#37454C#39434C#3B414C#3E3E4C
#314C4B#34494B#37464B#3A434B#3D404B#3F3E4B#433A4B
#314C4B#35484B#38454B#3C414B#3F3E4B#433A4B#47364B
#314D4A#35494A#3A444A#3E404A#433B4A#47374A#4D314A

Colorpallet from #314A4D to #314D4A and to #4D4A31
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#314A4D#324A4C#324A4C#334A4B#344A4A#344A4A#354A49
#314B4C#324B4B#344B49#354B48#374A47#384A46#3A4A44
#314B4C#334B4A#354B48#374B46#394A44#3B4A42#3E4A40
#314C4B#344C48#374B46#3A4B43#3D4B41#3F4A3E#434A3B
#314C4B#354C48#384B45#3C4B41#3F4B3E#434A3B#474A37
#314D4A#354D46#3A4C42#3E4C3E#434B3A#474B36#4D4A31

Colorpallet from #314A4D to #4A314D and to #4A4D31
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#35464D#35474C#35474C#35484B#35494A#35494A#354A49
#39424D#39434C#39454A#394649#394847#394946#394B44
#3D3E4D#3D404B#3D4249#3D4447#3D4645#3D4843#3D4B40
#413A4D#413D4A#414047#414344#414641#41483F#414C3B
#45364D#453A49#453D46#454142#45443F#45483B#454C37
#4A314D#4A3549#4A3A44#4A3E40#4A433B#4A4737#4A4D31

Colorpallet from #314A4D to #4A314D and to #4D314A
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#35464D#35464D#35464D#35464D#35464D#35464D#35464D
#39424D#39424D#39424D#39424D#3A424C#3A424C#3A424C
#3D3E4D#3D3E4D#3D3E4D#3D3E4D#3E3E4C#3E3E4C#3E3E4C
#413A4D#413A4D#423A4C#423A4C#423A4C#433A4B#433A4B
#45364D#45364D#46364C#46364C#46364C#47364B#47364B
#4A314D#4A314D#4B314C#4B314C#4C314B#4C314B#4D314A

Colorpallet from #314A4D to #4A314D and to #4D4A31
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#35464D#35474C#35474C#35484B#35494A#35494A#354A49
#39424D#39434C#39454A#394649#3A4747#3A4846#3A4A44
#3D3E4D#3D404B#3D4249#3D4447#3E4645#3E4843#3E4A40
#413A4D#413D4A#423F47#424244#424441#43473F#434A3B
#45364D#453949#463C46#464042#46433F#47463B#474A37
#4A314D#4A3549#4B3944#4B3D40#4C413B#4C4537#4D4A31

Colorpallet from #314A4D to #4A4D31 and to #4D314A
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#354A49#35494A#35494A#35484B#35474C#35474C#35464D
#394B44#394A45#394847#394748#3A4549#3A444A#3A424C
#3D4B40#3D4942#3D4744#3D4546#3E4348#3E414A#3E3E4C
#414C3B#41493E#424640#424343#424045#433E48#433A4B
#454C37#45483A#46453D#464141#463E44#473A47#47364B
#4A4D31#4A4935#4B4439#4B403D#4C3B41#4C3745#4D314A

Colorpallet from #314A4D to #4A4D31 and to #4D4A31
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#354A49#354A49#354A49#354A49#354A49#354A49#354A49
#394B44#394B44#394B44#394B44#3A4A44#3A4A44#3A4A44
#3D4B40#3D4B40#3D4B40#3D4B40#3E4A40#3E4A40#3E4A40
#414C3B#414C3B#424B3B#424B3B#424B3B#434A3B#434A3B
#454C37#454C37#464B37#464B37#464B37#474A37#474A37
#4A4D31#4A4D31#4B4C31#4B4C31#4C4B31#4C4B31#4D4A31

Colorpallet from #314A4D to #4D314A and to #4D4A31
#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D#314A4D
#35464D#35474C#35474C#35484B#35494A#35494A#354A49
#3A424C#3A434B#3A4549#3A4648#3A4747#3A4846#3A4A44
#3E3E4C#3E404A#3E4248#3E4446#3E4644#3E4842#3E4A40
#433A4B#433D48#433F46#434243#434441#43473E#434A3B
#47364B#473948#473C45#474041#47433E#47463B#474A37
#4D314A#4D3546#4D3942#4D3D3E#4D413A#4D4536#4D4A31