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 #2F5A50 to #2F505A and to #5A2F50
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#2F5852#305752#315651#325651#335551#355450#365350
#2F5753#315553#335352#365252#385051#3A4E51#3D4C50
#2F5555#325254#365053#394D53#3C4B52#404851#444550
#2F5456#335055#384D54#3C4953#414652#454251#4B3E50
#2F5258#344E57#3A4A55#3F4654#454153#4A3D52#513850
#2F505A#364B58#3D4557#444055#4B3B54#513652#5A2F50

Colorpallet from #2F5A50 to #2F505A and to #5A502F
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#2F5852#305851#315850#32584F#33584E#35584C#36584B
#2F5753#315751#33574F#36574C#38574A#3A5748#3D5745
#2F5555#325552#36554E#39554B#3C5548#405544#445540
#2F5456#335452#38544D#3C5449#415445#455440#4B543B
#2F5258#345253#3A524D#3F5248#455242#4A523D#515236
#2F505A#365053#3D504C#445045#4B503E#515038#5A502F

Colorpallet from #2F5A50 to #2F505A and to #502F5A
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#2F5852#305752#315652#315652#325552#335452#345352
#2F5753#315553#335353#345253#365053#384E53#3A4C53
#2F5555#325255#345055#374D55#394B55#3C4855#3F4555
#2F5456#325056#364D56#394956#3C4656#404256#443E56
#2F5258#334E58#374A58#3B4658#404158#443D58#493858
#2F505A#344B5A#3A455A#3F405A#443B5A#49365A#502F5A

Colorpallet from #2F5A50 to #2F505A and to #505A2F
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#2F5852#305851#315950#31594F#32594E#335A4C#345A4B
#2F5753#315751#33584F#34584C#36594A#385948#3A5A45
#2F5555#325652#34574E#37574B#395848#3C5944#3F5A40
#2F5456#325552#36564D#395749#3C5845#405940#445A3B
#2F5258#335353#37554D#3B5648#405742#44583D#495A36
#2F505A#345253#3A534C#3F5545#44563E#495838#505A2F

Colorpallet from #2F5A50 to #5A2F50 and to #5A502F
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#365350#36544F#36554E#36554E#36564D#36574C#36584B
#3D4C50#3D4E4E#3D504C#3D514B#3D5349#3D5547#3D5745
#444550#44484D#444A4B#444D48#444F46#445243#445540
#4B3E50#4B424D#4B4549#4B4946#4B4C43#4B503F#4B543B
#513850#513C4C#514048#514444#51493F#514D3B#515236
#5A2F50#5A344B#5A3A45#5A3F40#5A443B#5A4936#5A502F

Colorpallet from #2F5A50 to #5A2F50 and to #502F5A
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#365350#365350#355351#355351#355351#345352#345352
#3D4C50#3D4C50#3C4C51#3C4C51#3B4C52#3B4C52#3A4C53
#444550#434551#424552#424552#414553#404554#3F4555
#4B3E50#4A3E51#493E52#483E53#473E54#453E55#443E56
#513850#503851#4E3853#4D3854#4C3855#4B3856#493858
#5A2F50#582F52#572F53#552F55#542F56#522F58#502F5A

Colorpallet from #2F5A50 to #5A2F50 and to #505A2F
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#365350#36544F#35554E#35564E#35574D#34594C#345A4B
#3D4C50#3D4E4E#3C504C#3C534B#3B5549#3B5747#3A5A45
#444550#43484D#424C4B#424F48#415246#405643#3F5A40
#4B3E50#4A424D#494749#484B46#475043#45543F#445A3B
#513850#503D4C#4E4348#4D4844#4C4E3F#4B533B#495A36
#5A2F50#58364B#573D45#554440#544B3B#525136#505A2F

Colorpallet from #2F5A50 to #5A502F and to #502F5A
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#36584B#36574C#35564D#35564E#35554F#345451#345352
#3D5745#3D5547#3C5349#3C524C#3B504E#3B4E50#3A4C53
#445540#435243#425047#424D4A#414B4D#404851#3F4555
#4B543B#4A503F#494D44#484948#47464C#454251#443E56
#515236#504E3B#4E4A41#4D4646#4C414C#4B3D51#493858
#5A502F#584B36#57453D#554044#543B4B#523651#502F5A

Colorpallet from #2F5A50 to #5A502F and to #505A2F
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#36584B#36584B#35594B#35594B#35594B#345A4B#345A4B
#3D5745#3D5745#3C5845#3C5845#3B5945#3B5945#3A5A45
#445540#435640#425740#425740#415840#405940#3F5A40
#4B543B#4A553B#49563B#48573B#47583B#45593B#445A3B
#515236#505336#4E5536#4D5636#4C5736#4B5836#495A36
#5A502F#58522F#57532F#55552F#54562F#52582F#505A2F

Colorpallet from #2F5A50 to #502F5A and to #505A2F
#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50#2F5A50
#345352#345451#345550#34564F#34574E#34594C#345A4B
#3A4C53#3A4E51#3A504F#3A534C#3A554A#3A5748#3A5A45
#3F4555#3F4852#3F4C4E#3F4F4B#3F5248#3F5644#3F5A40
#443E56#444252#44474D#444B49#445045#445440#445A3B
#493858#493D53#49434D#494848#494E42#49533D#495A36
#502F5A#503653#503D4C#504445#504B3E#505138#505A2F