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 #2F4E5A to #2F5A4E and to #4E2F5A
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#2F5058#304F58#314E59#314D59#324C59#334A5A#34495A
#2F5256#315057#324E57#344B58#354959#374759#39445A
#2F5454#315155#344D56#364A57#394758#3B4359#3E3F5A
#2F5652#325253#354D55#394956#3C4457#3F4058#433A5A
#2F5850#335252#374D53#3B4755#3F4256#433C58#48355A
#2F5A4E#345350#394C52#3E4554#433E56#483858#4E2F5A

Colorpallet from #2F4E5A to #2F5A4E and to #4E5A2F
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#2F5058#305057#315056#315056#325055#335054#345053
#2F5256#315254#325253#345251#355250#37524E#39524C
#2F5454#315452#34544F#36544D#39544A#3B5448#3E5445
#2F5652#32564F#35564C#395648#3C5645#3F5642#43563E
#2F5850#33584C#375848#3B5844#3F5841#43583D#485838
#2F5A4E#345A49#395A44#3E5A3F#435A3A#485A35#4E5A2F

Colorpallet from #2F4E5A to #2F5A4E and to #5A2F4E
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#2F5058#304F58#314E58#324D58#334C58#354A58#364958
#2F5256#315056#334E56#364B56#384956#3A4756#3D4456
#2F5454#325154#364D54#394A54#3C4754#404354#443F54
#2F5652#335252#384D52#3C4952#414452#454052#4B3A52
#2F5850#345250#3A4D50#3F4750#454250#4A3C50#513550
#2F5A4E#36534E#3D4C4E#44454E#4B3E4E#51384E#5A2F4E

Colorpallet from #2F4E5A to #2F5A4E and to #5A4E2F
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#2F5058#305057#314F56#324F56#334F55#354E54#364E53
#2F5256#315154#335153#365051#384F50#3A4F4E#3D4E4C
#2F5454#325352#36524F#39514D#3C504A#404F48#444E45
#2F5652#33554F#38534C#3C5248#415145#455042#4B4E3E
#2F5850#34564C#3A5548#3F5344#455241#4A503D#514E38
#2F5A4E#365849#3D5644#44543F#4B523A#515035#5A4E2F

Colorpallet from #2F4E5A to #4E2F5A and to #4E5A2F
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#34495A#344A59#344B58#344C57#344D56#344F54#345053
#39445A#394658#394856#394B53#394D51#394F4F#39524C
#3E3F5A#3E4257#3E4653#3E4950#3E4C4D#3E5049#3E5445
#433A5A#433E56#434351#43474D#434C48#435044#43563E
#48355A#483B55#48404F#48464A#484B44#48513F#485838
#4E2F5A#4E3653#4E3D4C#4E4445#4E4B3E#4E5138#4E5A2F

Colorpallet from #2F4E5A to #4E2F5A and to #5A2F4E
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#34495A#34495A#354959#354959#354959#364958#364958
#39445A#3A4459#3A4459#3B4458#3C4457#3C4457#3D4456
#3E3F5A#3F3F59#403F58#413F57#423F56#433F55#443F54
#433A5A#443A59#463A57#473A56#483A55#493A54#4B3A52
#48355A#493558#4B3557#4C3555#4E3554#4F3552#513550
#4E2F5A#502F58#522F56#542F54#562F52#582F50#5A2F4E

Colorpallet from #2F4E5A to #4E2F5A and to #5A4E2F
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#34495A#344A59#354B58#354B57#354C56#364D54#364E53
#39445A#3A4658#3A4756#3B4953#3C4A51#3C4C4F#3D4E4C
#3E3F5A#3F4157#404453#414650#42494D#434B49#444E45
#433A5A#443D56#464051#47444D#484748#494A44#4B4E3E
#48355A#493955#4B3D4F#4C414A#4E4544#4F493F#514E38
#4E2F5A#503453#52394C#543E45#56433E#584838#5A4E2F

Colorpallet from #2F4E5A to #4E5A2F and to #5A2F4E
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#345053#344F54#354E55#354D55#354C56#364A57#364958
#39524C#3A504E#3A4E4F#3B4B51#3C4952#3C4754#3D4456
#3E5445#3F5147#404D4A#414A4C#42474F#434351#443F54
#43563E#445241#464D44#474948#48444B#49404E#4B3A52
#485838#49523C#4B4D40#4C4744#4E4247#4F3C4B#513550
#4E5A2F#505334#524C39#54453E#563E43#583848#5A2F4E

Colorpallet from #2F4E5A to #4E5A2F and to #5A4E2F
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#345053#345053#354F53#354F53#354F53#364E53#364E53
#39524C#3A514C#3A514C#3B504C#3C4F4C#3C4F4C#3D4E4C
#3E5445#3F5345#405245#415145#425045#434F45#444E45
#43563E#44553E#46533E#47523E#48513E#49503E#4B4E3E
#485838#495638#4B5538#4C5338#4E5238#4F5038#514E38
#4E5A2F#50582F#52562F#54542F#56522F#58502F#5A4E2F

Colorpallet from #2F4E5A to #5A2F4E and to #5A4E2F
#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A#2F4E5A
#364958#364A57#364B56#364B56#364C55#364D54#364E53
#3D4456#3D4654#3D4753#3D4951#3D4A50#3D4C4E#3D4E4C
#443F54#444152#44444F#44464D#44494A#444B48#444E45
#4B3A52#4B3D4F#4B404C#4B4448#4B4745#4B4A42#4B4E3E
#513550#51394C#513D48#514144#514541#51493D#514E38
#5A2F4E#5A3449#5A3944#5A3E3F#5A433A#5A4835#5A4E2F