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 #3F4C6A to #3F6A4C and to #4C3F6A
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#3F5165#3F5066#404F67#404E67#404D68#414B69#414A6A
#3F5660#405462#405263#414F65#424D66#424B68#43486A
#3F5A5C#40575E#415460#425063#434D65#444A67#45466A
#3F5F57#405B5A#42565D#435260#444E63#454966#47446A
#3F6452#415F56#42595A#44545E#454E61#474965#49426A
#3F6A4C#416351#435C56#45555A#474E5F#494864#4C3F6A

Colorpallet from #3F4C6A to #3F6A4C and to #4C6A3F
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#3F5165#3F5165#405164#405164#405164#415163#415163
#3F5660#40565F#40565F#41565E#42565D#42565D#43565C
#3F5A5C#405A5B#415A5A#425A59#435A58#445A56#455A55
#3F5F57#405F56#425F54#435F53#445F51#455F50#475F4E
#3F6452#416450#42644F#44644D#45644C#47644A#496448
#3F6A4C#416A4A#436A48#456A46#476A44#496A42#4C6A3F

Colorpallet from #3F4C6A to #3F6A4C and to #6A3F4C
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#3F5165#405065#414F65#424E65#434D65#454B65#464A65
#3F5660#415460#435260#464F60#484D60#4A4B60#4D4860
#3F5A5C#42575C#46545C#49505C#4C4D5C#504A5C#54465C
#3F5F57#435B57#485657#4C5257#514E57#554957#5B4457
#3F6452#445F52#4A5952#4F5452#554E52#5A4952#614252
#3F6A4C#46634C#4D5C4C#54554C#5B4E4C#61484C#6A3F4C

Colorpallet from #3F4C6A to #3F6A4C and to #6A4C3F
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#3F5165#405065#414F64#424F64#434E64#454D63#464C63
#3F5660#41545F#43535F#46515E#48505D#4A4E5D#4D4C5C
#3F5A5C#42585B#46565A#495359#4C5158#504F56#544C55
#3F5F57#435C56#485954#4C5653#515351#555050#5B4C4E
#3F6452#446050#4A5C4F#4F584D#55554C#5A514A#614C48
#3F6A4C#46654A#4D6048#545C46#5B5744#615242#6A4C3F

Colorpallet from #3F4C6A to #4C3F6A and to #4C6A3F
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#414A6A#414B69#414C68#414D67#414E66#415064#415163
#43486A#434A68#434C66#434F63#435161#43535F#43565C
#45466A#454967#454C63#455060#45535D#455659#455A55
#47446A#474866#474D61#47515D#475558#475A54#475F4E
#49426A#494765#494D5F#49525A#495854#495D4F#496448
#4C3F6A#4C4663#4C4D5C#4C5455#4C5B4E#4C6148#4C6A3F

Colorpallet from #3F4C6A to #4C3F6A and to #6A3F4C
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#414A6A#424A69#434A68#434A68#444A67#454A66#464A65
#43486A#454868#464867#484865#494864#4B4862#4D4860
#45466A#474668#4A4666#4C4663#4F4661#51465F#54465C
#47446A#4A4467#4D4464#514461#54445E#57445B#5B4457
#49426A#4D4266#514262#55425E#58425B#5C4257#614252
#4C3F6A#513F65#563F60#5A3F5C#5F3F57#643F52#6A3F4C

Colorpallet from #3F4C6A to #4C3F6A and to #6A4C3F
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#414A6A#424A69#434B68#434B67#444B66#454C64#464C63
#43486A#454968#464966#484A63#494B61#4B4B5F#4D4C5C
#45466A#474767#4A4863#4C4960#4F4A5D#514B59#544C55
#47446A#4A4566#4D4761#51485D#544958#574A54#5B4C4E
#49426A#4D4465#51455F#55475A#584854#5C4A4F#614C48
#4C3F6A#514163#56435C#5A4555#5F474E#644948#6A4C3F

Colorpallet from #3F4C6A to #4C6A3F and to #6A3F4C
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#415163#425063#434F64#434E64#444D64#454B65#464A65
#43565C#45545D#46525D#484F5E#494D5F#4B4B5F#4D4860
#455A55#475756#4A5457#4C5058#4F4D59#514A5B#54465C
#475F4E#4A5B4F#4D5651#515252#544E54#574955#5B4457
#496448#4D5F4A#51594B#55544D#584E4E#5C4950#614252
#4C6A3F#516341#565C43#5A5545#5F4E47#644849#6A3F4C

Colorpallet from #3F4C6A to #4C6A3F and to #6A4C3F
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#415163#425063#434F63#434F63#444E63#454D63#464C63
#43565C#45545C#46535C#48515C#49505C#4B4E5C#4D4C5C
#455A55#475855#4A5655#4C5355#4F5155#514F55#544C55
#475F4E#4A5C4E#4D594E#51564E#54534E#57504E#5B4C4E
#496448#4D6048#515C48#555848#585548#5C5148#614C48
#4C6A3F#51653F#56603F#5A5C3F#5F573F#64523F#6A4C3F

Colorpallet from #3F4C6A to #6A3F4C and to #6A4C3F
#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A#3F4C6A
#464A65#464A65#464B64#464B64#464B64#464C63#464C63
#4D4860#4D495F#4D495F#4D4A5E#4D4B5D#4D4B5D#4D4C5C
#54465C#54475B#54485A#544959#544A58#544B56#544C55
#5B4457#5B4556#5B4754#5B4853#5B4951#5B4A50#5B4C4E
#614252#614450#61454F#61474D#61484C#614A4A#614C48
#6A3F4C#6A414A#6A4348#6A4546#6A4744#6A4942#6A4C3F