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 #314C49 to #31494C and to #4C3149
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#314C49#324B49#324B49#334A49#344949#344949#354849
#314B4A#324A4A#34484A#35474A#374649#384549#3A4349
#314B4A#33494A#35474A#37454A#394349#3B4149#3E3F49
#314A4B#34484B#36454A#39434A#3C404A#3F3E49#423B49
#314A4B#35474B#38444A#3C404A#3F3D4A#433A49#473649
#31494C#35454C#3A414B#3E3D4B#423A4A#47364A#4C3149

Colorpallet from #314C49 to #31494C and to #4C4931
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#314C49#324C48#324C48#334C47#344C46#344C46#354C45
#314B4A#324B49#344B47#354B46#374B44#384B43#3A4B41
#314B4A#334B48#354B46#374B44#394B42#3B4B40#3E4B3D
#314A4B#344A48#364A46#394A43#3C4A40#3F4A3D#424A3A
#314A4B#354A48#384A44#3C4A41#3F4A3E#434A3A#474A36
#31494C#354948#3A4943#3E493F#42493B#474936#4C4931

Colorpallet from #314C49 to #31494C and to #49314C
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#314C49#324B49#324B49#334A49#344949#344949#354849
#314B4A#324A4A#34484A#35474A#36464A#37454A#39434A
#314B4A#33494A#35474A#37454A#39434A#3B414A#3D3F4A
#314A4B#33484B#36454B#38434B#3B404B#3D3E4B#403B4B
#314A4B#34474B#37444B#3A404B#3D3D4B#403A4B#44364B
#31494C#35454C#39414C#3D3D4C#403A4C#44364C#49314C

Colorpallet from #314C49 to #31494C and to #494C31
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#314C49#324C48#324C48#334C47#344C46#344C46#354C45
#314B4A#324B49#344B47#354B46#364C44#374C43#394C41
#314B4A#334B48#354B46#374B44#394C42#3B4C40#3D4C3D
#314A4B#334A48#364B46#384B43#3B4B40#3D4C3D#404C3A
#314A4B#344A48#374B44#3A4B41#3D4B3E#404C3A#444C36
#31494C#354948#394A43#3D4A3F#404B3B#444B36#494C31

Colorpallet from #314C49 to #4C3149 and to #4C4931
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#354849#354948#354948#354A47#354B46#354B46#354C45
#3A4349#3A4448#3A4646#3A4745#3A4844#3A4943#3A4B41
#3E3F49#3E4147#3E4345#3E4543#3E4741#3E493F#3E4B3D
#423B49#423D47#424044#424242#42453F#42473D#424A3A
#473649#473946#473C43#474040#47433D#47463A#474A36
#4C3149#4C3545#4C3941#4C3D3D#4C403A#4C4436#4C4931

Colorpallet from #314C49 to #4C3149 and to #49314C
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#354849#354849#354849#354849#354849#354849#354849
#3A4349#3A4349#3A4349#3A4349#39434A#39434A#39434A
#3E3F49#3E3F49#3E3F49#3E3F49#3D3F4A#3D3F4A#3D3F4A
#423B49#423B49#413B4A#413B4A#413B4A#403B4B#403B4B
#473649#473649#46364A#46364A#45364A#45364B#44364B
#4C3149#4C3149#4B314A#4B314A#4A314B#4A314B#49314C

Colorpallet from #314C49 to #4C3149 and to #494C31
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#354849#354948#354948#354A47#354B46#354B46#354C45
#3A4349#3A4448#3A4646#3A4745#394944#394A43#394C41
#3E3F49#3E4147#3E4345#3E4543#3D4741#3D493F#3D4C3D
#423B49#423E47#414044#414342#41463F#40493D#404C3A
#473649#473A46#463D43#464140#45443D#45483A#444C36
#4C3149#4C3545#4B3A41#4B3E3D#4A423A#4A4736#494C31

Colorpallet from #314C49 to #4C4931 and to #49314C
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#354C45#354B46#354B46#354A47#354948#354948#354849
#3A4B41#3A4A42#3A4844#3A4745#394647#394548#39434A
#3E4B3D#3E493F#3E4741#3E4543#3D4345#3D4147#3D3F4A
#424A3A#42483D#41453F#414342#414045#403E48#403B4B
#474A36#474739#46443D#464040#453D43#453A47#44364B
#4C4931#4C4535#4B413A#4B3D3E#4A3A42#4A3647#49314C

Colorpallet from #314C49 to #4C4931 and to #494C31
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#354C45#354C45#354C45#354C45#354C45#354C45#354C45
#3A4B41#3A4B41#3A4B41#3A4B41#394C41#394C41#394C41
#3E4B3D#3E4B3D#3E4B3D#3E4B3D#3D4C3D#3D4C3D#3D4C3D
#424A3A#424A3A#414B3A#414B3A#414B3A#404C3A#404C3A
#474A36#474A36#464B36#464B36#454B36#454C36#444C36
#4C4931#4C4931#4B4A31#4B4A31#4A4B31#4A4B31#494C31

Colorpallet from #314C49 to #49314C and to #494C31
#314C49#314C49#314C49#314C49#314C49#314C49#314C49
#354849#354948#354948#354A47#354B46#354B46#354C45
#39434A#394449#394647#394746#394944#394A43#394C41
#3D3F4A#3D4148#3D4346#3D4544#3D4742#3D4940#3D4C3D
#403B4B#403E48#404046#404343#404640#40493D#404C3A
#44364B#443A48#443D44#444141#44443E#44483A#444C36
#49314C#493548#493A43#493E3F#49423B#494736#494C31