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 #304A50 to #30504A and to #4A3050
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#304B4F#314A4F#31494F#32494F#334850#334750#344650
#304C4E#314A4E#33494F#34474F#35464F#364450#384250
#304D4D#324B4D#34484E#36464E#38434F#3A414F#3C3E50
#304E4C#334B4D#35474D#38444E#3B414F#3E3D4F#413950
#304F4B#334B4C#37474D#3A434D#3D3E4E#413A4F#453550
#30504A#344B4B#38464C#3C414D#413C4E#45364F#4A3050

Colorpallet from #304A50 to #30504A and to #4A5030
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#304B4F#314B4E#314B4E#324B4D#334B4C#334B4C#344B4B
#304C4E#314C4D#334C4B#344C4A#354C49#364C48#384C46
#304D4D#324D4B#344D49#364D47#384D45#3A4D43#3C4D41
#304E4C#334E49#354E47#384E44#3B4E42#3E4E3F#414E3C
#304F4B#334F48#374F44#3A4F41#3D4F3E#414F3A#454F36
#30504A#345046#385042#3C503E#415039#455035#4A5030

Colorpallet from #304A50 to #30504A and to #50304A
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#304B4F#314A4F#32494F#32494F#33484F#34474F#35464F
#304C4E#324A4E#33494E#35474E#36464E#38444E#3A424E
#304D4D#324B4D#35484D#37464D#3A434D#3C414D#3F3E4D
#304E4C#334B4C#36474C#3A444C#3D414C#403D4C#44394C
#304F4B#344B4B#38474B#3C434B#413E4B#453A4B#4A354B
#30504A#354B4A#3A464A#3F414A#443C4A#4A364A#50304A

Colorpallet from #304A50 to #30504A and to #504A30
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#304B4F#314B4E#324B4E#324B4D#334A4C#344A4C#354A4B
#304C4E#324C4D#334B4B#354B4A#364B49#384A48#3A4A46
#304D4D#324D4B#354C49#374C47#3A4B45#3C4B43#3F4A41
#304E4C#334D49#364D47#3A4C44#3D4B42#404B3F#444A3C
#304F4B#344E48#384D44#3C4D41#414C3E#454B3A#4A4A36
#30504A#354F46#3A4E42#3F4D3E#444C39#4A4B35#504A30

Colorpallet from #304A50 to #4A3050 and to #4A5030
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#344650#34474F#34484E#34484E#34494D#344A4C#344B4B
#384250#38444E#38454D#38474B#38484A#384A48#384C46
#3C3E50#3C404E#3C434B#3C4549#3C4846#3C4A44#3C4D41
#413950#413C4D#41404A#414346#414643#414A40#414E3C
#453550#45394C#453D48#454144#45463F#454A3B#454F36
#4A3050#4A354B#4A3A46#4A3F41#4A443C#4A4A36#4A5030

Colorpallet from #304A50 to #4A3050 and to #50304A
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#344650#344650#344650#344650#35464F#35464F#35464F
#384250#384250#39424F#39424F#39424F#3A424E#3A424E
#3C3E50#3C3E50#3D3E4F#3D3E4F#3E3E4E#3E3E4E#3F3E4D
#413950#41394F#42394F#42394E#43394D#43394D#44394C
#453550#46354F#47354E#47354E#48354D#49354C#4A354B
#4A3050#4B304F#4C304E#4D304D#4E304C#4F304B#50304A

Colorpallet from #304A50 to #4A3050 and to #504A30
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#344650#34474F#34474E#34484E#35494D#35494C#354A4B
#384250#38434E#39454D#39464B#39474A#3A4848#3A4A46
#3C3E50#3C404E#3D424B#3D4449#3E4646#3E4844#3F4A41
#413950#413C4D#423E4A#424146#434443#434740#444A3C
#453550#46384C#473C48#473F44#48423F#49463B#4A4A36
#4A3050#4B344B#4C3846#4D3C41#4E413C#4F4536#504A30

Colorpallet from #304A50 to #4A5030 and to #50304A
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#344B4B#344A4C#34494C#34494D#35484E#35474E#35464F
#384C46#384A47#394949#39474A#39464B#3A444C#3A424E
#3C4D41#3C4B43#3D4845#3D4647#3E4349#3E414B#3F3E4D
#414E3C#414B3F#424741#424444#434146#433D49#44394C
#454F36#464B39#47473D#474340#483E43#493A47#4A354B
#4A5030#4B4B34#4C4638#4D413C#4E3C41#4F3645#50304A

Colorpallet from #304A50 to #4A5030 and to #504A30
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#344B4B#344B4B#344B4B#344B4B#354A4B#354A4B#354A4B
#384C46#384C46#394B46#394B46#394B46#3A4A46#3A4A46
#3C4D41#3C4D41#3D4C41#3D4C41#3E4B41#3E4B41#3F4A41
#414E3C#414D3C#424D3C#424C3C#434B3C#434B3C#444A3C
#454F36#464E36#474D36#474D36#484C36#494B36#4A4A36
#4A5030#4B4F30#4C4E30#4D4D30#4E4C30#4F4B30#504A30

Colorpallet from #304A50 to #50304A and to #504A30
#304A50#304A50#304A50#304A50#304A50#304A50#304A50
#35464F#35474E#35474E#35484D#35494C#35494C#354A4B
#3A424E#3A434D#3A454B#3A464A#3A4749#3A4848#3A4A46
#3F3E4D#3F404B#3F4249#3F4447#3F4645#3F4843#3F4A41
#44394C#443C49#443E47#444144#444442#44473F#444A3C
#4A354B#4A3848#4A3C44#4A3F41#4A423E#4A463A#4A4A36
#50304A#503446#503842#503C3E#504139#504535#504A30