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 #31566C to #316C56 and to #56316C
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#315A68#325869#335769#34556A#35546B#36526B#37506C
#315D65#335A66#355767#375468#395169#3B4E6B#3D4A6C
#316161#345C63#375865#3A5366#3D4E68#3F4A6A#43446C
#31645E#355E60#395862#3D5265#404C67#444669#493E6C
#31685A#36605D#3B5960#3F5163#444966#494268#4F386C
#316C56#37635A#3D595D#435061#494664#4F3D68#56316C

Colorpallet from #31566C to #316C56 and to #566C31
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#315A68#325A67#335A66#345A66#355A65#365A64#375A63
#315D65#335D63#355D61#375D5F#395D5D#3B5D5B#3D5D59
#316161#34615E#37615C#3A6159#3D6156#3F6153#436150
#31645E#35645A#396456#3D6452#40644F#44644B#496446
#31685A#366855#3B6851#3F684C#446847#496843#4F683D
#316C56#376C50#3D6C4A#436C44#496C3E#4F6C38#566C31

Colorpallet from #31566C to #316C56 and to #6C3156
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#315A68#325868#345768#355568#375468#385268#3A5068
#315D65#345A65#375765#3A5465#3D5165#404E65#444A65
#316161#355C61#3A5861#3E5361#434E61#474A61#4D4461
#31645E#375E5E#3D585E#43525E#494C5E#4F465E#573E5E
#31685A#39605A#40595A#48515A#4F495A#57425A#60385A
#316C56#3A6356#445956#4D5056#574656#603D56#6C3156

Colorpallet from #31566C to #316C56 and to #6C5631
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#315A68#325967#345966#355866#375765#385764#3A5663
#315D65#345C63#375B61#3A5A5F#3D595D#40575B#445659
#316161#355F5E#3A5D5C#3E5C59#435A56#475853#4D5650
#31645E#37625A#3D6056#435D52#495B4F#4F594B#575646
#31685A#396555#406251#485F4C#4F5C47#575A43#60563D
#316C56#3A6850#44654A#4D6144#575E3E#605A38#6C5631

Colorpallet from #31566C to #56316C and to #566C31
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#37506C#37526B#375369#375568#375666#375865#375A63
#3D4A6C#3D4D69#3D5066#3D5363#3D5660#3D595D#3D5D59
#43446C#434968#434D63#43525F#43575A#435B56#436150
#493E6C#494466#494A60#49505A#495654#495C4E#496446
#4F386C#4F4064#4F475D#4F4F55#4F574E#4F5E46#4F683D
#56316C#563A63#564459#564D50#565746#56603D#566C31

Colorpallet from #31566C to #56316C and to #6C3156
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#37506C#37506B#38506B#38506A#395069#395069#3A5068
#3D4A6C#3E4A6B#3F4A6A#404A69#414A68#434A66#444A65
#43446C#45446A#464468#484467#494465#4B4463#4D4461
#493E6C#4B3E6A#4D3E68#503E65#523E63#543E61#573E5E
#4F386C#523869#543866#573863#5A3860#5D385E#60385A
#56316C#5A3168#5D3165#613161#64315E#68315A#6C3156

Colorpallet from #31566C to #56316C and to #6C5631
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#37506C#37516B#385269#385368#395466#395565#3A5663
#3D4A6C#3E4C69#3F4E66#405063#415260#43545D#445659
#43446C#454768#464A63#484D5F#49505A#4B5256#4D5650
#493E6C#4B4266#4D4660#504A5A#524D54#54514E#575646
#4F386C#523D64#54425D#574655#5A4B4E#5D5046#60563D
#56316C#5A3763#5D3D59#614350#644946#684F3D#6C5631

Colorpallet from #31566C to #566C31 and to #6C3156
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#375A63#375864#385765#385565#395466#395267#3A5068
#3D5D59#3E5A5B#3F575D#40545F#415161#434E63#444A65
#436150#455C53#465855#485358#494E5B#4B4A5E#4D4461
#496446#4B5E4A#4D584E#505252#524C55#544659#573E5E
#4F683D#526042#545946#57514B#5A4950#5D4254#60385A
#566C31#5A6337#5D593D#615043#644649#683D4F#6C3156

Colorpallet from #31566C to #566C31 and to #6C5631
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#375A63#375963#385963#385863#395763#395763#3A5663
#3D5D59#3E5C59#3F5B59#405A59#415959#435759#445659
#436150#455F50#465D50#485C50#495A50#4B5850#4D5650
#496446#4B6246#4D6046#505D46#525B46#545946#575646
#4F683D#52653D#54623D#575F3D#5A5C3D#5D5A3D#60563D
#566C31#5A6831#5D6531#616131#645E31#685A31#6C5631

Colorpallet from #31566C to #6C3156 and to #6C5631
#31566C#31566C#31566C#31566C#31566C#31566C#31566C
#3A5068#3A5167#3A5266#3A5366#3A5465#3A5564#3A5663
#444A65#444C63#444E61#44505F#44525D#44545B#445659
#4D4461#4D475E#4D4A5C#4D4D59#4D5056#4D5253#4D5650
#573E5E#57425A#574656#574A52#574D4F#57514B#575646
#60385A#603D55#604251#60464C#604B47#605043#60563D
#6C3156#6C3750#6C3D4A#6C4344#6C493E#6C4F38#6C5631