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 #304D49 to #30494D and to #4D3049
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#304C4A#314B4A#324B4A#324A4A#334949#344949#354849
#304C4A#314B4A#33494A#34484A#364749#374649#394449
#304B4B#32494B#34474A#37454A#39434A#3B4149#3E3F49
#304A4C#33474C#36454B#39424B#3C404A#3F3D4A#433A49
#304A4C#34474C#37444B#3B404B#3F3D4A#423A4A#473649
#30494D#35454C#39414C#3E3D4B#43394A#47354A#4D3049

Colorpallet from #304D49 to #30494D and to #4D4930
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#304C4A#314C49#324C48#324C48#334C47#344C46#354C45
#304C4A#314C49#334C47#344C46#364C44#374C43#394C41
#304B4B#324B49#344B47#374B44#394B42#3B4B40#3E4B3D
#304A4C#334A49#364A46#394A43#3C4A40#3F4A3D#434A39
#304A4C#344A48#374A45#3B4A41#3F4A3D#424A3A#474A35
#30494D#354948#394944#3E493F#43493A#474936#4D4930

Colorpallet from #304D49 to #30494D and to #49304D
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#304C4A#314B4A#314B4A#324A4A#33494A#33494A#34484A
#304C4A#314B4A#33494A#34484A#35474A#36464A#38444A
#304B4B#32494B#34474B#36454B#38434B#3A414B#3C3F4B
#304A4C#33474C#35454C#38424C#3A404C#3D3D4C#403A4C
#304A4C#33474C#36444C#3A404C#3D3D4C#403A4C#44364C
#30494D#34454D#38414D#3C3D4D#40394D#44354D#49304D

Colorpallet from #304D49 to #30494D and to #494D30
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#304C4A#314C49#314C48#324C48#334D47#334D46#344D45
#304C4A#314C49#334C47#344C46#354D44#364D43#384D41
#304B4B#324B49#344C47#364C44#384C42#3A4D40#3C4D3D
#304A4C#334A49#354B46#384B43#3A4C40#3D4C3D#404D39
#304A4C#334A48#364B45#3A4B41#3D4C3D#404C3A#444D35
#30494D#344A48#384A44#3C4B3F#404C3A#444C36#494D30

Colorpallet from #304D49 to #4D3049 and to #4D4930
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#354849#354948#354948#354A47#354B46#354B46#354C45
#394449#394548#394746#394845#394944#394A43#394C41
#3E3F49#3E4147#3E4345#3E4543#3E4741#3E493F#3E4B3D
#433A49#433D46#433F44#434241#43443F#43473C#434A39
#473649#473946#473C43#47403F#47433C#474639#474A35
#4D3049#4D3445#4D3841#4D3C3D#4D4039#4D4435#4D4930

Colorpallet from #304D49 to #4D3049 and to #49304D
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#354849#354849#354849#354849#34484A#34484A#34484A
#394449#394449#394449#394449#38444A#38444A#38444A
#3E3F49#3E3F49#3D3F4A#3D3F4A#3D3F4A#3C3F4B#3C3F4B
#433A49#433A49#423A4A#423A4A#413A4B#413A4B#403A4C
#473649#473649#46364A#46364A#45364B#45364B#44364C
#4D3049#4C304A#4C304A#4B304B#4A304C#4A304C#49304D

Colorpallet from #304D49 to #4D3049 and to #494D30
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#354849#354948#354A48#354A47#344B46#344C46#344D45
#394449#394548#394746#394845#384A44#384B43#384D41
#3E3F49#3E4147#3D4345#3D4643#3D4841#3C4A3F#3C4D3D
#433A49#433D46#424044#424341#41463F#41493C#404D39
#473649#473A46#463D43#46413F#45453C#454839#444D35
#4D3049#4C3545#4C3941#4B3E3D#4A4339#4A4735#494D30

Colorpallet from #304D49 to #4D4930 and to #49304D
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#354C45#354B46#354B47#354A47#344948#344949#34484A
#394C41#394B42#394944#394845#384747#384648#38444A
#3E4B3D#3E493F#3D4741#3D4544#3D4346#3C4148#3C3F4B
#434A39#43473C#42453F#424242#414045#413D48#403A4C
#474A35#474739#46443C#464040#453D44#453A47#44364C
#4D4930#4C4535#4C4139#4B3D3E#4A3943#4A3547#49304D

Colorpallet from #304D49 to #4D4930 and to #494D30
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#354C45#354C45#354C45#354C45#344D45#344D45#344D45
#394C41#394C41#394C41#394C41#384D41#384D41#384D41
#3E4B3D#3E4B3D#3D4C3D#3D4C3D#3D4C3D#3C4D3D#3C4D3D
#434A39#434A39#424B39#424B39#414C39#414C39#404D39
#474A35#474A35#464B35#464B35#454C35#454C35#444D35
#4D4930#4C4A30#4C4A30#4B4B30#4A4C30#4A4C30#494D30

Colorpallet from #304D49 to #49304D and to #494D30
#304D49#304D49#304D49#304D49#304D49#304D49#304D49
#34484A#344949#344A48#344A48#344B47#344C46#344D45
#38444A#384549#384747#384846#384A44#384B43#384D41
#3C3F4B#3C4149#3C4347#3C4644#3C4842#3C4A40#3C4D3D
#403A4C#403D49#404046#404343#404640#40493D#404D39
#44364C#443A48#443D45#444141#44453D#44483A#444D35
#49304D#493548#493944#493E3F#49433A#494736#494D30