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 #2F4A53 to #2F534A and to #4A2F53
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#2F4B52#304A52#304952#314952#324853#324753#334653
#2F4D50#304B50#324951#334751#354552#364352#384153
#2F4E4F#314B50#334950#354651#374352#394052#3C3D53
#2F504D#324C4E#34494F#374550#3A4151#3D3E52#403953
#2F514C#334C4D#36484E#3A434F#3D3E50#413A52#453453
#2F534A#334D4B#38474D#3C424E#403C50#453651#4A2F53

Colorpallet from #2F4A53 to #2F534A and to #4A532F
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#2F4B52#304B51#304B50#314B50#324B4F#324B4E#334B4D
#2F4D50#304D4F#324D4D#334D4C#354D4A#364D49#384D47
#2F4E4F#314E4D#334E4B#354E49#374E47#394E45#3C4E42
#2F504D#32504A#345048#375045#3A5042#3D503F#40503C
#2F514C#335148#365145#3A5141#3D513E#41513A#455136
#2F534A#335346#385341#3C533D#405339#455334#4A532F

Colorpallet from #2F4A53 to #2F534A and to #532F4A
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#2F4B52#304A52#314952#324952#334852#344752#354652
#2F4D50#314B50#334950#354750#374550#394350#3B4150
#2F4E4F#324B4F#34494F#37464F#3A434F#3D404F#403D4F
#2F504D#334C4D#36494D#3A454D#3E414D#413E4D#46394D
#2F514C#344C4C#38484C#3D434C#423E4C#463A4C#4C344C
#2F534A#354D4A#3B474A#40424A#463C4A#4C364A#532F4A

Colorpallet from #2F4A53 to #2F534A and to #534A2F
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#2F4B52#304B51#314B50#324B50#334A4F#344A4E#354A4D
#2F4D50#314D4F#334C4D#354C4C#374B4A#394B49#3B4A47
#2F4E4F#324D4D#344D4B#374C49#3A4B47#3D4B45#404A42
#2F504D#334F4A#364E48#3A4D45#3E4C42#414B3F#464A3C
#2F514C#345048#384F45#3D4E41#424D3E#464B3A#4C4A36
#2F534A#355246#3B5041#404F3D#464D39#4C4C34#534A2F

Colorpallet from #2F4A53 to #4A2F53 and to #4A532F
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#334653#334752#334851#334850#33494F#334A4E#334B4D
#384153#384351#38454F#38474D#38494B#384B49#384D47
#3C3D53#3C4050#3C424E#3C454B#3C4848#3C4B45#3C4E42
#403953#403D4F#40404C#404448#404844#404B41#40503C
#453453#45394E#453D4A#454245#454740#454B3C#455136
#4A2F53#4A354D#4A3B47#4A4042#4A463C#4A4C36#4A532F

Colorpallet from #2F4A53 to #4A2F53 and to #532F4A
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#334653#334653#344653#344653#344652#354652#354652
#384153#384153#394152#394152#3A4151#3A4151#3B4150
#3C3D53#3D3D52#3D3D52#3E3D51#3F3D50#3F3D50#403D4F
#403953#413952#423951#433950#44394F#45394E#46394D
#453453#463452#473451#483450#49344F#4B344D#4C344C
#4A2F53#4B2F52#4D2F50#4E2F4F#502F4D#512F4C#532F4A

Colorpallet from #2F4A53 to #4A2F53 and to #534A2F
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#334653#334752#344751#344850#34494F#35494E#354A4D
#384153#384251#39444F#39454D#3A474B#3A4849#3B4A47
#3C3D53#3D3F50#3D414E#3E434B#3F4548#3F4745#404A42
#403953#413C4F#423E4C#434148#444444#454741#464A3C
#453453#46384E#473B4A#483F45#494240#4B463C#4C4A36
#4A2F53#4B334D#4D3847#4E3C42#50403C#514536#534A2F

Colorpallet from #2F4A53 to #4A532F and to #532F4A
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#334B4D#334A4E#34494F#34494F#344850#354751#354652
#384D47#384B48#39494A#39474B#3A454D#3A434E#3B4150
#3C4E42#3D4B44#3D4946#3E4648#3F434A#3F404C#403D4F
#40503C#414C3F#424941#434544#444147#453E4A#46394D
#455136#464C3A#47483D#484341#493E44#4B3A48#4C344C
#4A532F#4B4D33#4D4738#4E423C#503C40#513645#532F4A

Colorpallet from #2F4A53 to #4A532F and to #534A2F
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#334B4D#334B4D#344B4D#344B4D#344A4D#354A4D#354A4D
#384D47#384D47#394C47#394C47#3A4B47#3A4B47#3B4A47
#3C4E42#3D4D42#3D4D42#3E4C42#3F4B42#3F4B42#404A42
#40503C#414F3C#424E3C#434D3C#444C3C#454B3C#464A3C
#455136#465036#474F36#484E36#494D36#4B4B36#4C4A36
#4A532F#4B522F#4D502F#4E4F2F#504D2F#514C2F#534A2F

Colorpallet from #2F4A53 to #532F4A and to #534A2F
#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53#2F4A53
#354652#354751#354750#354850#35494F#35494E#354A4D
#3B4150#3B424F#3B444D#3B454C#3B474A#3B4849#3B4A47
#403D4F#403F4D#40414B#404349#404547#404745#404A42
#46394D#463C4A#463E48#464145#464442#46473F#464A3C
#4C344C#4C3848#4C3B45#4C3F41#4C423E#4C463A#4C4A36
#532F4A#533346#533841#533C3D#534039#534534#534A2F