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 #2F3B5F to #2F5F3B and to #3B2F5F
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#2F4159#2F405A#303E5B#303D5C#303C5D#313B5E#31395F
#2F4753#304455#304257#313F59#323D5B#323A5D#33375F
#2F4C4E#304851#314553#324156#333D59#343A5C#35355F
#2F5248#304D4C#32484F#334353#343E57#35395A#37335F
#2F5842#315247#324C4B#344550#353F55#373959#39315F
#2F5F3B#315741#335047#35484C#374052#393958#3B2F5F

Colorpallet from #2F3B5F to #2F5F3B and to #3B5F2F
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#2F4159#2F4159#304158#304158#304158#314157#314157
#2F4753#304753#304752#314752#324751#324751#334750
#2F4C4E#304C4D#314C4C#324C4B#334C4A#344C49#354C48
#2F5248#305247#325245#335244#345243#355242#375240
#2F5842#315841#32583F#34583E#35583C#37583B#395839
#2F5F3B#315F39#335F37#355F35#375F33#395F31#3B5F2F

Colorpallet from #2F3B5F to #2F5F3B and to #5F2F3B
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#2F4159#304059#323E59#333D59#343C59#353B59#373959
#2F4753#314453#344253#363F53#393D53#3B3A53#3E3753
#2F4C4E#33484E#36454E#3A414E#3E3D4E#413A4E#46354E
#2F5248#344D48#394848#3E4348#433E48#483948#4E3348
#2F5842#355242#3B4C42#414542#473F42#4D3942#553142
#2F5F3B#37573B#3E503B#46483B#4E403B#55393B#5F2F3B

Colorpallet from #2F3B5F to #2F5F3B and to #5F3B2F
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#2F4159#304059#323F58#333E58#343D58#353C57#373B57
#2F4753#314553#344352#364152#393F51#3B3D51#3E3B50
#2F4C4E#33494D#36474C#3A444B#3E414A#413E49#463B48
#2F5248#344E47#394B45#3E4744#434343#484042#4E3B40
#2F5842#355341#3B4F3F#414A3E#47453C#4D413B#553B39
#2F5F3B#375939#3E5337#464E35#4E4833#554231#5F3B2F

Colorpallet from #2F3B5F to #3B2F5F and to #3B5F2F
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#31395F#313A5E#313C5C#313D5B#313E5A#313F59#314157
#33375F#333A5D#333C5A#333F58#334155#334453#334750
#35355F#35395B#353C58#354054#354450#35474D#354C48
#37335F#37385A#373D55#374250#37474B#374C46#375240
#39315F#393759#393D53#39444D#394A47#395041#395839
#3B2F5F#3B3757#3B3E50#3B4648#3B4E40#3B5539#3B5F2F

Colorpallet from #2F3B5F to #3B2F5F and to #5F2F3B
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#31395F#32395E#33395D#34395C#35395B#36395A#373959
#33375F#35375D#37375B#383759#3A3757#3C3755#3E3753
#35355F#38355C#3A355A#3D3557#403554#433551#46354E
#37335F#3B335B#3E3358#423354#463350#49334D#4E3348
#39315F#3D315A#423156#463151#4B314C#4F3148#553142
#3B2F5F#412F59#472F53#4C2F4E#522F48#582F42#5F2F3B

Colorpallet from #2F3B5F to #3B2F5F and to #5F3B2F
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#31395F#32395E#333A5C#343A5B#353A5A#363B59#373B57
#33375F#35385D#37385A#383958#3A3A55#3C3A53#3E3B50
#35355F#38365B#3A3758#3D3854#403950#433A4D#463B48
#37335F#3B345A#3E3655#423750#46384B#493946#4E3B40
#39315F#3D3359#423453#46364D#4B3747#4F3941#553B39
#3B2F5F#413157#473350#4C3548#523740#583939#5F3B2F

Colorpallet from #2F3B5F to #3B5F2F and to #5F2F3B
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#314157#324057#333E58#343D58#353C58#363B59#373959
#334750#354450#374251#383F51#3A3D52#3C3A52#3E3753
#354C48#384849#3A454A#3D414B#403D4C#433A4D#46354E
#375240#3B4D41#3E4843#424344#463E45#493946#4E3348
#395839#3D523A#424C3C#46453D#4B3F3F#4F3940#553142
#3B5F2F#415731#475033#4C4835#524037#583939#5F2F3B

Colorpallet from #2F3B5F to #3B5F2F and to #5F3B2F
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#314157#324057#333F57#343E57#353D57#363C57#373B57
#334750#354550#374350#384150#3A3F50#3C3D50#3E3B50
#354C48#384948#3A4748#3D4448#404148#433E48#463B48
#375240#3B4E40#3E4B40#424740#464340#494040#4E3B40
#395839#3D5339#424F39#464A39#4B4539#4F4139#553B39
#3B5F2F#41592F#47532F#4C4E2F#52482F#58422F#5F3B2F

Colorpallet from #2F3B5F to #5F2F3B and to #5F3B2F
#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F#2F3B5F
#373959#373959#373A58#373A58#373A58#373B57#373B57
#3E3753#3E3853#3E3852#3E3952#3E3A51#3E3A51#3E3B50
#46354E#46364D#46374C#46384B#46394A#463A49#463B48
#4E3348#4E3447#4E3645#4E3744#4E3843#4E3942#4E3B40
#553142#553341#55343F#55363E#55373C#55393B#553B39
#5F2F3B#5F3139#5F3337#5F3535#5F3733#5F3931#5F3B2F