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 #313E8B to #318B3E and to #3E318B
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#314A7F#314881#324683#324385#324187#333F89#333C8B
#315772#325276#324E7A#33497E#344482#344086#353A8B
#316366#325C6C#335572#344E78#35477E#364184#37388B
#316F5A#326662#345D6A#355472#364B79#374181#39368B
#317C4D#337057#346561#36596B#374E75#39427F#3B348B
#318B3E#337D4A#356E57#376063#39516F#3B437C#3E318B

Colorpallet from #313E8B to #318B3E and to #3E8B31
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#314A7F#314A7F#324A7E#324A7E#324A7E#334A7D#334A7D
#315772#325771#325771#335770#34576F#34576F#35576E
#316366#326365#336364#346363#356362#366361#376360
#316F5A#326F59#346F57#356F56#366F54#376F53#396F51
#317C4D#337C4B#347C4A#367C48#377C47#397C45#3B7C43
#318B3E#338B3C#358B3A#378B38#398B36#3B8B34#3E8B31

Colorpallet from #313E8B to #318B3E and to #8B313E
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#314A7F#33487F#35467F#38437F#3A417F#3C3F7F#3F3C7F
#315772#365272#3A4E72#3F4972#444472#484072#4E3A72
#316366#385C66#3F5566#464E66#4D4766#534166#5C3866
#316F5A#3A665A#445D5A#4D545A#564B5A#5F415A#6B365A
#317C4D#3D704D#48654D#54594D#5F4E4D#6B424D#79344D
#318B3E#3F7D3E#4E6E3E#5C603E#6B513E#79433E#8B313E

Colorpallet from #313E8B to #318B3E and to #8B3E31
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#314A7F#33487F#35467E#38447E#3A427E#3C407D#3F3E7D
#315772#365371#3A4F71#3F4B70#44476F#48436F#4E3E6E
#316366#385D65#3F5764#465163#4D4B62#534561#5C3E60
#316F5A#3A6759#445F57#4D5756#565054#5F4853#6B3E51
#317C4D#3D724B#48684A#545E48#5F5447#6B4A45#793E43
#318B3E#3F7F3C#4E723A#5C6638#6B5A36#794D34#8B3E31

Colorpallet from #313E8B to #3E318B and to #3E8B31
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#333C8B#333E89#334087#334384#334582#334780#334A7D
#353A8B#353F86#354382#35487D#354D78#355174#35576E
#37388B#373F84#37467D#374D76#37546F#375A69#376360
#39368B#393F82#394878#39516F#395A66#39645D#396F51
#3B348B#3B407F#3B4B74#3B5768#3B625D#3B6E51#3B7C43
#3E318B#3E3F7D#3E4E6E#3E5C60#3E6B51#3E7943#3E8B31

Colorpallet from #313E8B to #3E318B and to #8B313E
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#333C8B#353C89#373C87#393C85#3B3C83#3D3C81#3F3C7F
#353A8B#393A87#3D3A83#413A7F#453A7B#493A77#4E3A72
#37388B#3D3885#43387F#493879#4F3873#55386D#5C3866
#39368B#413683#49367B#513673#59366C#613664#6B365A
#3B348B#453481#4F3477#59346D#633463#6D3459#79344D
#3E318B#4A317F#573172#633166#6F315A#7C314D#8B313E

Colorpallet from #313E8B to #3E318B and to #8B3E31
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#333C8B#353C89#373D87#393D84#3B3D82#3D3E80#3F3E7D
#353A8B#393B86#3D3B82#413C7D#453D78#493D74#4E3E6E
#37388B#3D3984#433A7D#493B76#4F3C6F#553D69#5C3E60
#39368B#413782#493978#513A6F#593B66#613C5D#6B3E51
#3B348B#45367F#4F3774#593968#633A5D#6D3C51#793E43
#3E318B#4A337D#57356E#633760#6F3951#7C3B43#8B3E31

Colorpallet from #313E8B to #3E8B31 and to #8B313E
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#334A7D#35487D#37467E#39437E#3B417E#3D3F7F#3F3C7F
#35576E#39526F#3D4E6F#414970#454471#494071#4E3A72
#376360#3D5C61#435562#494E63#4F4764#554165#5C3866
#396F51#416652#495D54#515455#594B57#614158#6B365A
#3B7C43#457045#4F6546#595948#634E49#6D424B#79344D
#3E8B31#4A7D33#576E35#636037#6F5139#7C433B#8B313E

Colorpallet from #313E8B to #3E8B31 and to #8B3E31
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#334A7D#35487D#37467D#39447D#3B427D#3D407D#3F3E7D
#35576E#39536E#3D4F6E#414B6E#45476E#49436E#4E3E6E
#376360#3D5D60#435760#495160#4F4B60#554560#5C3E60
#396F51#416751#495F51#515751#595051#614851#6B3E51
#3B7C43#457243#4F6843#595E43#635443#6D4A43#793E43
#3E8B31#4A7F31#577231#636631#6F5A31#7C4D31#8B3E31

Colorpallet from #313E8B to #8B313E and to #8B3E31
#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B#313E8B
#3F3C7F#3F3C7F#3F3D7E#3F3D7E#3F3D7E#3F3E7D#3F3E7D
#4E3A72#4E3B71#4E3B71#4E3C70#4E3D6F#4E3D6F#4E3E6E
#5C3866#5C3965#5C3A64#5C3B63#5C3C62#5C3D61#5C3E60
#6B365A#6B3759#6B3957#6B3A56#6B3B54#6B3C53#6B3E51
#79344D#79364B#79374A#793948#793A47#793C45#793E43
#8B313E#8B333C#8B353A#8B3738#8B3936#8B3B34#8B3E31