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 #2F3A5F to #2F5F3A and to #3A2F5F
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#2F4059#2F3F5A#303D5B#303C5C#303B5D#313A5E#31385F
#2F4653#304355#304157#313E59#323C5B#32395D#33365F
#2F4C4D#304850#314553#314156#323D59#333A5B#34355F
#2F5247#304D4B#31484F#324353#333E56#35395A#36335F
#2F5841#305246#324C4B#33454F#353F54#363959#38315F
#2F5F3A#315740#335046#34484C#364052#383958#3A2F5F

Colorpallet from #2F3A5F to #2F5F3A and to #3A5F2F
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#2F4059#2F4059#304058#304058#304058#314057#314057
#2F4653#304653#304652#314652#324651#324651#334650
#2F4C4D#304C4C#314C4B#314C4B#324C4A#334C49#344C48
#2F5247#305246#315245#325244#335243#355241#365240
#2F5841#305840#32583E#33583D#35583C#36583B#385839
#2F5F3A#315F38#335F36#345F35#365F33#385F31#3A5F2F

Colorpallet from #2F3A5F to #2F5F3A and to #5F2F3A
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#2F4059#303F59#323D59#333C59#343B59#353A59#373859
#2F4653#314353#344153#363E53#393C53#3B3953#3E3653
#2F4C4D#33484D#36454D#3A414D#3E3D4D#413A4D#46354D
#2F5247#344D47#394847#3E4347#433E47#483947#4E3347
#2F5841#355241#3B4C41#414541#473F41#4D3941#553141
#2F5F3A#37573A#3E503A#46483A#4E403A#55393A#5F2F3A

Colorpallet from #2F3A5F to #2F5F3A and to #5F3A2F
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#2F4059#303F59#323E58#333D58#343C58#353B57#373A57
#2F4653#314453#344252#364052#393E51#3B3C51#3E3A50
#2F4C4D#33494C#36464B#3A434B#3E404A#413E49#463A48
#2F5247#344E46#394A45#3E4644#434343#483F41#4E3A40
#2F5841#355340#3B4E3E#414A3D#47453C#4D403B#553A39
#2F5F3A#375938#3E5336#464D35#4E4733#554131#5F3A2F

Colorpallet from #2F3A5F to #3A2F5F and to #3A5F2F
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#31385F#31395E#313B5C#313C5B#313D5A#313E59#314057
#33365F#33395D#333B5A#333E58#334055#334353#334650
#34355F#34395B#343C58#344054#344450#34474D#344C48
#36335F#36385A#363D55#364250#36474B#364C46#365240
#38315F#383759#383D53#38444D#384A47#385041#385839
#3A2F5F#3A3757#3A3E50#3A4648#3A4E40#3A5539#3A5F2F

Colorpallet from #2F3A5F to #3A2F5F and to #5F2F3A
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#31385F#32385E#33385D#34385C#35385B#36385A#373859
#33365F#35365D#37365B#383659#3A3657#3C3655#3E3653
#34355F#37355C#3A3559#3D3556#403553#423551#46354D
#36335F#3A335B#3E3357#423353#453350#49334C#4E3347
#38315F#3D315A#413155#463151#4B314C#4F3147#553141
#3A2F5F#402F59#462F53#4C2F4D#522F47#582F41#5F2F3A

Colorpallet from #2F3A5F to #3A2F5F and to #5F3A2F
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#31385F#32385E#33395C#34395B#35395A#363A59#373A57
#33365F#35375D#37375A#383858#3A3955#3C3953#3E3A50
#34355F#37365B#3A3758#3D3754#403850#42394D#463A48
#36335F#3A345A#3E3555#423650#45374B#493946#4E3A40
#38315F#3D3259#413453#46354D#4B3747#4F3841#553A39
#3A2F5F#403157#463350#4C3448#523640#583839#5F3A2F

Colorpallet from #2F3A5F to #3A5F2F and to #5F2F3A
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#314057#323F57#333D58#343C58#353B58#363A59#373859
#334650#354350#374151#383E51#3A3C52#3C3952#3E3653
#344C48#374849#3A454A#3D414A#403D4B#423A4C#46354D
#365240#3A4D41#3E4842#424343#453E44#493946#4E3347
#385839#3D523A#414C3C#46453D#4B3F3E#4F393F#553141
#3A5F2F#405731#465033#4C4834#524036#583938#5F2F3A

Colorpallet from #2F3A5F to #3A5F2F and to #5F3A2F
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#314057#323F57#333E57#343D57#353C57#363B57#373A57
#334650#354450#374250#384050#3A3E50#3C3C50#3E3A50
#344C48#374948#3A4648#3D4348#404048#423E48#463A48
#365240#3A4E40#3E4A40#424640#454340#493F40#4E3A40
#385839#3D5339#414E39#464A39#4B4539#4F4039#553A39
#3A5F2F#40592F#46532F#4C4D2F#52472F#58412F#5F3A2F

Colorpallet from #2F3A5F to #5F2F3A and to #5F3A2F
#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F#2F3A5F
#373859#373859#373958#373958#373958#373A57#373A57
#3E3653#3E3753#3E3752#3E3852#3E3951#3E3951#3E3A50
#46354D#46364C#46374B#46374B#46384A#463949#463A48
#4E3347#4E3446#4E3545#4E3644#4E3743#4E3941#4E3A40
#553141#553240#55343E#55353D#55373C#55383B#553A39
#5F2F3A#5F3138#5F3336#5F3435#5F3633#5F3831#5F3A2F