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 #304C50 to #30504C and to #4C3050
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#304D4F#314C4F#314B4F#324B4F#334A50#334950#344850
#304D4F#314B4F#334A4F#34484F#364750#374550#394350
#304E4E#324C4E#34494F#36474F#38444F#3A4250#3D3F50
#304F4D#334C4D#36484E#39454E#3C424F#3E3E4F#423A50
#304F4D#344B4D#37474E#3B434E#3E3F4F#423B4F#463650
#30504C#344B4D#39464D#3D414E#423C4F#46364F#4C3050

Colorpallet from #304C50 to #30504C and to #4C5030
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#304D4F#314D4E#314D4E#324D4D#334D4C#334D4C#344D4B
#304D4F#314D4E#334D4C#344D4B#364D49#374D48#394D46
#304E4E#324E4C#344E4A#364E48#384E46#3A4E44#3D4E41
#304F4D#334F4A#364F48#394F45#3C4F42#3E4F3F#424F3C
#304F4D#344F49#374F46#3B4F42#3E4F3E#424F3B#464F36
#30504C#345048#395043#3D503F#42503A#465036#4C5030

Colorpallet from #304C50 to #30504C and to #50304C
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#304D4F#314C4F#324B4F#324B4F#334A4F#34494F#35484F
#304D4F#324B4F#334A4F#35484F#36474F#38454F#3A434F
#304E4E#324C4E#35494E#37474E#3A444E#3C424E#3F3F4E
#304F4D#334C4D#36484D#3A454D#3D424D#403E4D#443A4D
#304F4D#344B4D#38474D#3C434D#413F4D#453B4D#4A364D
#30504C#354B4C#3A464C#3F414C#443C4C#4A364C#50304C

Colorpallet from #304C50 to #30504C and to #504C30
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#304D4F#314D4E#324D4E#324D4D#334C4C#344C4C#354C4B
#304D4F#324D4E#334D4C#354D4B#364C49#384C48#3A4C46
#304E4E#324E4C#354D4A#374D48#3A4D46#3C4C44#3F4C41
#304F4D#334F4A#364E48#3A4E45#3D4D42#404D3F#444C3C
#304F4D#344F49#384E46#3C4E42#414D3E#454D3B#4A4C36
#30504C#354F48#3A4F43#3F4E3F#444D3A#4A4D36#504C30

Colorpallet from #304C50 to #4C3050 and to #4C5030
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#344850#34494F#344A4E#344A4E#344B4D#344C4C#344D4B
#394350#39454E#39464D#39484B#39494A#394B48#394D46
#3D3F50#3D414E#3D444B#3D4649#3D4946#3D4B44#3D4E41
#423A50#423D4D#42414A#424446#424743#424B40#424F3C
#463650#463A4C#463E48#464244#46463F#464A3B#464F36
#4C3050#4C354B#4C3A46#4C3F41#4C443C#4C4A36#4C5030

Colorpallet from #304C50 to #4C3050 and to #50304C
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#344850#344850#344850#344850#35484F#35484F#35484F
#394350#394350#394350#394350#3A434F#3A434F#3A434F
#3D3F50#3D3F50#3E3F4F#3E3F4F#3E3F4F#3F3F4E#3F3F4E
#423A50#423A50#433A4F#433A4F#433A4E#443A4E#443A4D
#463650#473650#47364F#48364F#49364E#49364E#4A364D
#4C3050#4D304F#4D304F#4E304E#4F304D#4F304D#50304C

Colorpallet from #304C50 to #4C3050 and to #504C30
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#344850#34494F#34494E#344A4E#354B4D#354B4C#354C4B
#394350#39444E#39464D#39474B#3A494A#3A4A48#3A4C46
#3D3F50#3D414E#3E434B#3E4549#3E4746#3F4944#3F4C41
#423A50#423D4D#43404A#434346#434643#444840#444C3C
#463650#473A4C#473D48#484144#49443F#49483B#4A4C36
#4C3050#4D344B#4D3946#4E3D41#4F423C#4F4636#504C30

Colorpallet from #304C50 to #4C5030 and to #50304C
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#344D4B#344C4C#344B4C#344B4D#354A4E#35494E#35484F
#394D46#394B47#394A49#39484A#3A474C#3A454D#3A434F
#3D4E41#3D4C43#3E4945#3E4747#3E4449#3F424B#3F3F4E
#424F3C#424C3F#434841#434544#434247#443E4A#443A4D
#464F36#474B3A#47473D#484341#493F45#493B48#4A364D
#4C5030#4D4B34#4D4639#4E413D#4F3C42#4F3646#50304C

Colorpallet from #304C50 to #4C5030 and to #504C30
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#344D4B#344D4B#344D4B#344D4B#354C4B#354C4B#354C4B
#394D46#394D46#394D46#394D46#3A4C46#3A4C46#3A4C46
#3D4E41#3D4E41#3E4D41#3E4D41#3E4D41#3F4C41#3F4C41
#424F3C#424F3C#434E3C#434E3C#434D3C#444D3C#444C3C
#464F36#474F36#474E36#484E36#494D36#494D36#4A4C36
#4C5030#4D4F30#4D4F30#4E4E30#4F4D30#4F4D30#504C30

Colorpallet from #304C50 to #50304C and to #504C30
#304C50#304C50#304C50#304C50#304C50#304C50#304C50
#35484F#35494E#35494E#354A4D#354B4C#354B4C#354C4B
#3A434F#3A444E#3A464C#3A474B#3A4949#3A4A48#3A4C46
#3F3F4E#3F414C#3F434A#3F4548#3F4746#3F4944#3F4C41
#443A4D#443D4A#444048#444345#444642#44483F#444C3C
#4A364D#4A3A49#4A3D46#4A4142#4A443E#4A483B#4A4C36
#50304C#503448#503943#503D3F#50423A#504636#504C30