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 #2F4A50 to #2F504A and to #4A2F50
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#2F4B4F#304A4F#30494F#31494F#324850#324750#334650
#2F4C4E#304A4E#32484F#33474F#35454F#364350#384150
#2F4D4D#314A4D#33484E#35454E#37434F#39404F#3C3D50
#2F4E4C#324B4D#34474D#37444E#3A414F#3D3D4F#403950
#2F4F4B#334B4C#36464D#3A424D#3D3E4E#41394F#453450
#2F504A#334B4B#38454C#3C404D#403B4E#45364F#4A2F50

Colorpallet from #2F4A50 to #2F504A and to #4A502F
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#2F4B4F#304B4E#304B4E#314B4D#324B4C#324B4C#334B4B
#2F4C4E#304C4D#324C4B#334C4A#354C48#364C47#384C45
#2F4D4D#314D4B#334D49#354D47#374D45#394D43#3C4D40
#2F4E4C#324E49#344E47#374E44#3A4E41#3D4E3E#404E3B
#2F4F4B#334F48#364F44#3A4F41#3D4F3E#414F3A#454F36
#2F504A#335046#385041#3C503D#405039#455034#4A502F

Colorpallet from #2F4A50 to #2F504A and to #502F4A
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#2F4B4F#304A4F#31494F#31494F#32484F#33474F#34464F
#2F4C4E#314A4E#33484E#34474E#36454E#38434E#3A414E
#2F4D4D#324A4D#34484D#37454D#39434D#3C404D#3F3D4D
#2F4E4C#324B4C#36474C#39444C#3C414C#403D4C#44394C
#2F4F4B#334B4B#37464B#3B424B#403E4B#44394B#49344B
#2F504A#344B4A#3A454A#3F404A#443B4A#49364A#502F4A

Colorpallet from #2F4A50 to #2F504A and to #504A2F
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#2F4B4F#304B4E#314B4E#314B4D#324A4C#334A4C#344A4B
#2F4C4E#314C4D#334B4B#344B4A#364B48#384A47#3A4A45
#2F4D4D#324D4B#344C49#374C47#394B45#3C4B43#3F4A40
#2F4E4C#324D49#364D47#394C44#3C4B41#404B3E#444A3B
#2F4F4B#334E48#374D44#3B4D41#404C3E#444B3A#494A36
#2F504A#344F46#3A4E41#3F4D3D#444C39#494B34#504A2F

Colorpallet from #2F4A50 to #4A2F50 and to #4A502F
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#334650#33474F#33484E#33484E#33494D#334A4C#334B4B
#384150#38434E#38454C#38464B#384849#384A47#384C45
#3C3D50#3C404D#3C424B#3C4548#3C4746#3C4A43#3C4D40
#403950#403C4D#404049#404346#404643#404A3F#404E3B
#453450#45384C#453D48#454144#45453F#454A3B#454F36
#4A2F50#4A344B#4A3A45#4A3F40#4A443B#4A4936#4A502F

Colorpallet from #2F4A50 to #4A2F50 and to #502F4A
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#334650#334650#334650#334650#34464F#34464F#34464F
#384150#384150#39414F#39414F#39414F#3A414E#3A414E
#3C3D50#3C3D50#3D3D4F#3D3D4F#3E3D4E#3E3D4E#3F3D4D
#403950#41394F#41394F#42394E#43394D#43394D#44394C
#453450#46344F#46344E#47344E#48344D#48344C#49344B
#4A2F50#4B2F4F#4C2F4E#4D2F4D#4E2F4C#4F2F4B#502F4A

Colorpallet from #2F4A50 to #4A2F50 and to #504A2F
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#334650#33474F#33474E#33484E#34494D#34494C#344A4B
#384150#38424E#39444C#39454B#394749#3A4847#3A4A45
#3C3D50#3C3F4D#3D414B#3D4348#3E4546#3E4743#3F4A40
#403950#413C4D#413E49#424146#434443#43473F#444A3B
#453450#46384C#463B48#473F44#48423F#48463B#494A36
#4A2F50#4B334B#4C3845#4D3C40#4E403B#4F4536#504A2F

Colorpallet from #2F4A50 to #4A502F and to #502F4A
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#334B4B#334A4C#33494C#33494D#34484E#34474E#34464F
#384C45#384A46#394848#394749#39454B#3A434C#3A414E
#3C4D40#3C4A42#3D4844#3D4546#3E4348#3E404A#3F3D4D
#404E3B#414B3E#414740#424443#434146#433D49#44394C
#454F36#464B39#46463D#474240#483E43#483947#49344B
#4A502F#4B4B33#4C4538#4D403C#4E3B40#4F3645#502F4A

Colorpallet from #2F4A50 to #4A502F and to #504A2F
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#334B4B#334B4B#334B4B#334B4B#344A4B#344A4B#344A4B
#384C45#384C45#394B45#394B45#394B45#3A4A45#3A4A45
#3C4D40#3C4D40#3D4C40#3D4C40#3E4B40#3E4B40#3F4A40
#404E3B#414D3B#414D3B#424C3B#434B3B#434B3B#444A3B
#454F36#464E36#464D36#474D36#484C36#484B36#494A36
#4A502F#4B4F2F#4C4E2F#4D4D2F#4E4C2F#4F4B2F#504A2F

Colorpallet from #2F4A50 to #502F4A and to #504A2F
#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50#2F4A50
#34464F#34474E#34474E#34484D#34494C#34494C#344A4B
#3A414E#3A424D#3A444B#3A454A#3A4748#3A4847#3A4A45
#3F3D4D#3F3F4B#3F4149#3F4347#3F4545#3F4743#3F4A40
#44394C#443C49#443E47#444144#444441#44473E#444A3B
#49344B#493848#493B44#493F41#49423E#49463A#494A36
#502F4A#503346#503841#503C3D#504039#504534#504A2F