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 #3F4A6B to #3F6B4A and to #4A3F6B
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#3F4F66#3F4E67#404D68#404C68#404B69#41496A#41486B
#3F5560#405362#405064#414E65#424B67#424969#43466B
#3F5A5B#40575E#415360#415063#424D65#434968#44456B
#3F5F56#405B59#41565D#425260#434D63#454967#46436B
#3F6451#405E55#425959#43535D#454E62#464866#48416B
#3F6B4A#41644F#435D55#44565A#464F5F#484864#4A3F6B

Colorpallet from #3F4A6B to #3F6B4A and to #4A6B3F
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#3F4F66#3F4F66#404F65#404F65#404F65#414F64#414F64
#3F5560#405560#40555F#41555F#42555E#42555E#43555D
#3F5A5B#405A5A#415A59#415A59#425A58#435A57#445A56
#3F5F56#405F55#415F54#425F53#435F52#455F50#465F4F
#3F6451#406450#42644E#43644D#45644B#46644A#486448
#3F6B4A#416B48#436B46#446B45#466B43#486B41#4A6B3F

Colorpallet from #3F4A6B to #3F6B4A and to #6B3F4A
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#3F4F66#404E66#414D66#424C66#434B66#454966#464866
#3F5560#415360#435060#464E60#484B60#4A4960#4D4660
#3F5A5B#42575B#46535B#49505B#4C4D5B#50495B#54455B
#3F5F56#435B56#485656#4C5256#514D56#554956#5B4356
#3F6451#455E51#4A5951#505351#554E51#5B4851#624151
#3F6B4A#46644A#4D5D4A#54564A#5B4F4A#62484A#6B3F4A

Colorpallet from #3F4A6B to #3F6B4A and to #6B4A3F
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#3F4F66#404E66#414D65#424D65#434C65#454B64#464A64
#3F5560#415360#43515F#46505F#484E5E#4A4C5E#4D4A5D
#3F5A5B#42575A#465559#495259#4C5058#504D57#544A56
#3F5F56#435C55#485854#4C5553#515252#554E50#5B4A4F
#3F6451#456050#4A5C4E#50584D#55534B#5B4F4A#624A48
#3F6B4A#466648#4D6046#545B45#5B5643#625141#6B4A3F

Colorpallet from #3F4A6B to #4A3F6B and to #4A6B3F
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#41486B#41496A#414A69#414B68#414C67#414E65#414F64
#43466B#434869#434B67#434D64#435062#435260#43555D
#44456B#444868#444C64#444F61#44525E#44565A#445A56
#46436B#464767#464C62#46505E#465559#465955#465F4F
#48416B#484765#484C60#48525A#485755#485D4F#486448
#4A3F6B#4A4664#4A4D5D#4A5456#4A5B4F#4A6248#4A6B3F

Colorpallet from #3F4A6B to #4A3F6B and to #6B3F4A
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#41486B#42486A#434869#434869#444868#454867#464866
#43466B#454669#464667#484666#494664#4B4662#4D4660
#44456B#474568#494566#4C4563#4E4561#51455E#54455B
#46436B#494368#4D4364#504361#53435E#57435A#5B4356
#48416B#4C4167#504163#54415F#59415A#5D4156#624151
#4A3F6B#4F3F66#553F60#5A3F5B#5F3F56#643F51#6B3F4A

Colorpallet from #3F4A6B to #4A3F6B and to #6B4A3F
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#41486B#42486A#434969#434968#444967#454A65#464A64
#43466B#454769#464767#484864#494962#4B4960#4D4A5D
#44456B#474668#494764#4C4761#4E485E#51495A#544A56
#46436B#494467#4D4562#50465E#534759#574955#5B4A4F
#48416B#4C4265#504460#54455A#594755#5D484F#624A48
#4A3F6B#4F4164#55435D#5A4456#5F464F#644848#6B4A3F

Colorpallet from #3F4A6B to #4A6B3F and to #6B3F4A
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#414F64#424E64#434D65#434C65#444B65#454966#464866
#43555D#45535D#46505E#484E5E#494B5F#4B495F#4D4660
#445A56#475757#495358#4C5058#4E4D59#51495A#54455B
#465F4F#495B50#4D5651#505252#534D53#574955#5B4356
#486448#4C5E49#50594B#54534C#594E4E#5D484F#624151
#4A6B3F#4F6441#555D43#5A5644#5F4F46#644848#6B3F4A

Colorpallet from #3F4A6B to #4A6B3F and to #6B4A3F
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#414F64#424E64#434D64#434D64#444C64#454B64#464A64
#43555D#45535D#46515D#48505D#494E5D#4B4C5D#4D4A5D
#445A56#475756#495556#4C5256#4E5056#514D56#544A56
#465F4F#495C4F#4D584F#50554F#53524F#574E4F#5B4A4F
#486448#4C6048#505C48#545848#595348#5D4F48#624A48
#4A6B3F#4F663F#55603F#5A5B3F#5F563F#64513F#6B4A3F

Colorpallet from #3F4A6B to #6B3F4A and to #6B4A3F
#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B#3F4A6B
#464866#464866#464965#464965#464965#464A64#464A64
#4D4660#4D4760#4D475F#4D485F#4D495E#4D495E#4D4A5D
#54455B#54465A#544759#544759#544858#544957#544A56
#5B4356#5B4455#5B4554#5B4653#5B4752#5B4950#5B4A4F
#624151#624250#62444E#62454D#62474B#62484A#624A48
#6B3F4A#6B4148#6B4346#6B4445#6B4643#6B4841#6B4A3F