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 #2F3C5D to #2F5D3C and to #3C2F5D
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#2F4158#2F4059#303F5A#303E5A#303D5B#313B5C#313A5D
#2F4752#304554#304256#314057#323D59#323B5B#33385D
#2F4C4D#304850#314552#324155#333E57#343A5A#35365D
#2F5148#304C4B#32484F#334352#343E55#353A59#37345D
#2F5643#315047#324A4B#34454F#353F54#373958#39325D
#2F5D3C#315641#334E47#35474C#374051#393856#3C2F5D

Colorpallet from #2F3C5D to #2F5D3C and to #3C5D2F
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#2F4158#2F4158#304157#304157#304157#314156#314156
#2F4752#304751#304751#314750#32474F#32474F#33474E
#2F4C4D#304C4C#314C4B#324C4A#334C49#344C48#354C47
#2F5148#305147#325145#335144#345143#355142#375140
#2F5643#315641#32563F#34563E#35563C#37563A#395638
#2F5D3C#315D3A#335D38#355D36#375D34#395D32#3C5D2F

Colorpallet from #2F3C5D to #2F5D3C and to #5D2F3C
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#2F4158#304058#313F58#323E58#333D58#353B58#363A58
#2F4752#314552#344252#364052#393D52#3B3B52#3E3852
#2F4C4D#33484D#36454D#3A414D#3D3E4D#413A4D#45364D
#2F5148#344C48#384848#3D4348#423E48#463A48#4C3448
#2F5643#355043#3B4A43#414543#473F43#4D3943#543243
#2F5D3C#36563C#3E4E3C#45473C#4C403C#54383C#5D2F3C

Colorpallet from #2F3C5D to #2F5D3C and to #5D3C2F
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#2F4158#304058#313F57#323F57#333E57#353D56#363C56
#2F4752#314551#344351#364250#39404F#3B3E4F#3E3C4E
#2F4C4D#33494C#36474B#3A444A#3D4249#413F48#453C47
#2F5148#344E47#384A45#3D4744#424443#464042#4C3C40
#2F5643#355241#3B4E3F#414A3E#47453C#4D413A#543C38
#2F5D3C#36583A#3E5238#454D36#4C4834#544332#5D3C2F

Colorpallet from #2F3C5D to #3C2F5D and to #3C5D2F
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#313A5D#313B5C#313C5B#313D5A#313E59#314057#314156
#33385D#333A5B#333D58#333F56#334253#334451#33474E
#35365D#353A59#353D56#354152#35444F#35484B#354C47
#37345D#373958#373D54#37424F#37474A#374B46#375140
#39325D#393857#393E51#39434B#394945#394F3F#395638
#3C2F5D#3C3656#3C3E4E#3C4547#3C4C40#3C5438#3C5D2F

Colorpallet from #2F3C5D to #3C2F5D and to #5D2F3C
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#313A5D#323A5C#333A5B#333A5B#343A5A#353A59#363A58
#33385D#35385B#373859#383858#3A3856#3C3854#3E3852
#35365D#38365A#3A3658#3D3655#3F3653#423650#45364D
#37345D#3A345A#3E3456#413453#443450#48344C#4C3448
#39325D#3D3259#423255#463251#4A324C#4F3248#543243
#3C2F5D#412F58#472F52#4C2F4D#512F48#562F43#5D2F3C

Colorpallet from #2F3C5D to #3C2F5D and to #5D3C2F
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#313A5D#323A5C#333B5B#333B5A#343B59#353C57#363C56
#33385D#35395B#373958#383A56#3A3B53#3C3B51#3E3C4E
#35365D#383759#3A3856#3D3952#3F3A4F#423B4B#453C47
#37345D#3A3558#3E3754#41384F#44394A#483A46#4C3C40
#39325D#3D3457#423551#46374B#4A3845#4F3A3F#543C38
#3C2F5D#413156#47334E#4C3547#513740#563938#5D3C2F

Colorpallet from #2F3C5D to #3C5D2F and to #5D2F3C
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#314156#324056#333F57#333E57#343D57#353B58#363A58
#33474E#35454F#37424F#384050#3A3D51#3C3B51#3E3852
#354C47#384848#3A4549#3D414A#3F3E4B#423A4C#45364D
#375140#3A4C41#3E4843#414344#443E45#483A46#4C3448
#395638#3D503A#424A3C#46453D#4A3F3F#4F3941#543243
#3C5D2F#415631#474E33#4C4735#514037#563839#5D2F3C

Colorpallet from #2F3C5D to #3C5D2F and to #5D3C2F
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#314156#324056#333F56#333F56#343E56#353D56#363C56
#33474E#35454E#37434E#38424E#3A404E#3C3E4E#3E3C4E
#354C47#384947#3A4747#3D4447#3F4247#423F47#453C47
#375140#3A4E40#3E4A40#414740#444440#484040#4C3C40
#395638#3D5238#424E38#464A38#4A4538#4F4138#543C38
#3C5D2F#41582F#47522F#4C4D2F#51482F#56432F#5D3C2F

Colorpallet from #2F3C5D to #5D2F3C and to #5D3C2F
#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D#2F3C5D
#363A58#363A58#363B57#363B57#363B57#363C56#363C56
#3E3852#3E3951#3E3951#3E3A50#3E3B4F#3E3B4F#3E3C4E
#45364D#45374C#45384B#45394A#453A49#453B48#453C47
#4C3448#4C3547#4C3745#4C3844#4C3943#4C3A42#4C3C40
#543243#543441#54353F#54373E#54383C#543A3A#543C38
#5D2F3C#5D313A#5D3338#5D3536#5D3734#5D3932#5D3C2F