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 #2F3D5D to #2F5D3D and to #3D2F5D
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#2F4258#2F4159#30405A#303F5A#303E5B#313C5C#313B5D
#2F4753#304555#304356#314058#323E59#323C5B#33395D
#2F4C4E#304850#314553#324155#333E58#353A5A#36365D
#2F5149#304C4C#32484F#334353#353E56#363A59#38345D
#2F5743#315147#334B4B#34454F#363F54#383958#3A325D
#2F5D3D#315642#334E47#36474C#384051#3A3857#3D2F5D

Colorpallet from #2F3D5D to #2F5D3D and to #3D5D2F
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#2F4258#2F4258#304257#304257#304257#314256#314256
#2F4753#304752#304751#314751#324750#32474F#33474E
#2F4C4E#304C4D#314C4C#324C4B#334C4A#354C48#364C47
#2F5149#305148#325146#335145#355143#365142#385140
#2F5743#315741#33573F#34573E#36573C#38573A#3A5738
#2F5D3D#315D3B#335D39#365D36#385D34#3A5D32#3D5D2F

Colorpallet from #2F3D5D to #2F5D3D and to #5D2F3D
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#2F4258#304158#314058#323F58#333E58#353C58#363B58
#2F4753#314553#344353#364053#393E53#3B3C53#3E3953
#2F4C4E#33484E#36454E#3A414E#3D3E4E#413A4E#45364E
#2F5149#344C49#384849#3D4349#423E49#463A49#4C3449
#2F5743#355143#3B4B43#414543#473F43#4D3943#543243
#2F5D3D#36563D#3E4E3D#45473D#4C403D#54383D#5D2F3D

Colorpallet from #2F3D5D to #2F5D3D and to #5D3D2F
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#2F4258#304158#314057#324057#333F57#353E56#363D56
#2F4753#314552#344451#364251#394150#3B3F4F#3E3D4E
#2F4C4E#334A4D#36474C#3A454B#3D424A#414048#453D47
#2F5149#344E48#384B46#3D4745#424443#464142#4C3D40
#2F5743#355341#3B4F3F#414B3E#47463C#4D423A#543D38
#2F5D3D#36583B#3E5339#454E36#4C4934#544332#5D3D2F

Colorpallet from #2F3D5D to #3D2F5D and to #3D5D2F
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#313B5D#313C5C#313D5B#313E5A#313F59#314157#314256
#33395D#333B5B#333D58#334056#334253#334451#33474E
#36365D#363A59#363D56#364152#36444F#36484B#364C47
#38345D#383958#383D54#38424F#38474A#384B46#385140
#3A325D#3A3857#3A3E51#3A444B#3A4A45#3A503F#3A5738
#3D2F5D#3D3656#3D3E4E#3D4547#3D4C40#3D5438#3D5D2F

Colorpallet from #2F3D5D to #3D2F5D and to #5D2F3D
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#313B5D#323B5C#333B5B#333B5B#343B5A#353B59#363B58
#33395D#35395B#37395A#383958#3A3957#3C3955#3E3953
#36365D#38365B#3B3658#3D3656#403653#423651#45364E
#38345D#3B345A#3E3457#423453#453450#48344D#4C3449
#3A325D#3E3259#423255#463251#4B324C#4F3248#543243
#3D2F5D#422F58#472F53#4C2F4E#512F49#572F43#5D2F3D

Colorpallet from #2F3D5D to #3D2F5D and to #5D3D2F
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#313B5D#323B5C#333C5B#333C5A#343C59#353D57#363D56
#33395D#353A5B#373A58#383B56#3A3C53#3C3C51#3E3D4E
#36365D#383759#3B3856#3D3952#403A4F#423C4B#453D47
#38345D#3B3558#3E3754#42384F#453A4A#483B46#4C3D40
#3A325D#3E3457#423651#46374B#4B3945#4F3B3F#543D38
#3D2F5D#423156#47334E#4C3647#513840#573A38#5D3D2F

Colorpallet from #2F3D5D to #3D5D2F and to #5D2F3D
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#314256#324156#334057#333F57#343E57#353C58#363B58
#33474E#35454F#374350#384050#3A3E51#3C3C52#3E3953
#364C47#384848#3B4549#3D414A#403E4B#423A4D#45364E
#385140#3B4C41#3E4843#424344#453E46#483A47#4C3449
#3A5738#3E513A#424B3C#46453D#4B3F3F#4F3941#543243
#3D5D2F#425631#474E33#4C4736#514038#57383A#5D2F3D

Colorpallet from #2F3D5D to #3D5D2F and to #5D3D2F
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#314256#324156#334056#334056#343F56#353E56#363D56
#33474E#35454E#37444E#38424E#3A414E#3C3F4E#3E3D4E
#364C47#384A47#3B4747#3D4547#404247#424047#453D47
#385140#3B4E40#3E4B40#424740#454440#484140#4C3D40
#3A5738#3E5338#424F38#464B38#4B4638#4F4238#543D38
#3D5D2F#42582F#47532F#4C4E2F#51492F#57432F#5D3D2F

Colorpallet from #2F3D5D to #5D2F3D and to #5D3D2F
#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D#2F3D5D
#363B58#363B58#363C57#363C57#363C57#363D56#363D56
#3E3953#3E3A52#3E3A51#3E3B51#3E3C50#3E3C4F#3E3D4E
#45364E#45374D#45384C#45394B#453A4A#453C48#453D47
#4C3449#4C3548#4C3746#4C3845#4C3A43#4C3B42#4C3D40
#543243#543441#54363F#54373E#54393C#543B3A#543D38
#5D2F3D#5D313B#5D3339#5D3636#5D3834#5D3A32#5D3D2F