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 #313E7A to #317A3E and to #3E317A
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#314870#314672#324473#324275#324076#333E78#333C7A
#315167#324D6A#324A6D#334670#344273#343F76#353A7A
#315B5D#325562#335066#344A6B#354570#363F74#37387A
#316454#325D5A#345560#354E66#36476C#373F72#39367A
#316E4A#336552#345B59#365261#374969#394070#3B347A
#317A3E#336E48#356351#37575B#394B64#3B406E#3E317A

Colorpallet from #313E7A to #317A3E and to #3E7A31
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#314870#314870#32486F#32486F#32486F#33486E#33486E
#315167#325166#325166#335165#345164#345164#355163
#315B5D#325B5C#335B5B#345B5A#355B59#365B58#375B57
#316454#326453#346451#356450#36644E#37644D#39644B
#316E4A#336E48#346E47#366E45#376E44#396E42#3B6E40
#317A3E#337A3C#357A3A#377A38#397A36#3B7A34#3E7A31

Colorpallet from #313E7A to #317A3E and to #7A313E
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#314870#334670#354470#374270#394070#3B3E70#3D3C70
#315167#354D67#384A67#3C4667#404267#433F67#483A67
#315B5D#37555D#3C505D#424A5D#47455D#4D3F5D#54385D
#316454#395D54#405554#484E54#4F4754#573F54#603654
#316E4A#3A654A#445B4A#4D524A#56494A#5F404A#6B344A
#317A3E#3D6E3E#48633E#54573E#604B3E#6B403E#7A313E

Colorpallet from #313E7A to #317A3E and to #7A3E31
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#314870#334670#35456F#37436F#39426F#3B406E#3D3E6E
#315167#354E66#384B66#3C4865#404564#434264#483E63
#315B5D#37565C#3C525B#424D5A#474859#4D4458#543E57
#316454#395E53#405851#485250#4F4C4E#57464D#603E4B
#316E4A#3A6648#445F47#4D5745#564F44#5F4842#6B3E40
#317A3E#3D703C#48673A#545D38#605436#6B4A34#7A3E31

Colorpallet from #313E7A to #3E317A and to #3E7A31
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#333C7A#333E78#334076#334274#334472#334670#33486E
#353A7A#353E76#354173#35456F#35496B#354C68#355163
#37387A#373E74#37436F#374969#374E64#37545E#375B57
#39367A#393D72#39456B#394C63#39535C#395B54#39644B
#3B347A#3B3D71#3B4767#3B505E#3B5955#3B624C#3B6E40
#3E317A#3E3D6E#3E4863#3E5457#3E604B#3E6B40#3E7A31

Colorpallet from #313E7A to #3E317A and to #7A313E
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#333C7A#353C78#363C77#383C75#393C74#3B3C72#3D3C70
#353A7A#383A77#3B3A74#3E3A71#413A6E#443A6B#483A67
#37387A#3C3875#403871#45386C#4A3867#4E3863#54385D
#39367A#3F3674#45366E#4C3668#523662#58365C#603654
#3B347A#433472#4A346B#523463#5A345B#613454#6B344A
#3E317A#483170#513167#5B315D#643154#6E314A#7A313E

Colorpallet from #313E7A to #3E317A and to #7A3E31
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#333C7A#353C78#363D76#383D74#393D72#3B3E70#3D3E6E
#353A7A#383B76#3B3B73#3E3C6F#413D6B#443D68#483E63
#37387A#3C3974#403A6F#453B69#4A3C64#4E3D5E#543E57
#39367A#3F3772#45396B#4C3A63#523B5C#583C54#603E4B
#3B347A#433671#4A3767#52395E#5A3A55#613C4C#6B3E40
#3E317A#48336E#513563#5B3757#64394B#6E3B40#7A3E31

Colorpallet from #313E7A to #3E7A31 and to #7A313E
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#33486E#35466E#36446F#38426F#39406F#3B3E70#3D3C70
#355163#384D64#3B4A64#3E4665#414266#443F66#483A67
#375B57#3C5558#405059#454A5A#4A455B#4E3F5C#54385D
#39644B#3F5D4C#45554E#4C4E4F#524751#583F52#603654
#3B6E40#436542#4A5B43#525245#5A4946#614048#6B344A
#3E7A31#486E33#516335#5B5737#644B39#6E403B#7A313E

Colorpallet from #313E7A to #3E7A31 and to #7A3E31
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#33486E#35466E#36456E#38436E#39426E#3B406E#3D3E6E
#355163#384E63#3B4B63#3E4863#414563#444263#483E63
#375B57#3C5657#405257#454D57#4A4857#4E4457#543E57
#39644B#3F5E4B#45584B#4C524B#524C4B#58464B#603E4B
#3B6E40#436640#4A5F40#525740#5A4F40#614840#6B3E40
#3E7A31#487031#516731#5B5D31#645431#6E4A31#7A3E31

Colorpallet from #313E7A to #7A313E and to #7A3E31
#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A#313E7A
#3D3C70#3D3C70#3D3D6F#3D3D6F#3D3D6F#3D3E6E#3D3E6E
#483A67#483B66#483B66#483C65#483D64#483D64#483E63
#54385D#54395C#543A5B#543B5A#543C59#543D58#543E57
#603654#603753#603951#603A50#603B4E#603C4D#603E4B
#6B344A#6B3648#6B3747#6B3945#6B3A44#6B3C42#6B3E40
#7A313E#7A333C#7A353A#7A3738#7A3936#7A3B34#7A3E31