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 #3B6C70 to #3B706C and to #6C3B70
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#3B6D6F#3C6C6F#3E6A6F#3F696F#406770#416670#436470
#3B6D6F#3E6A6F#40686F#43656F#456270#485F70#4B5C70
#3B6E6E#3F6A6E#43666F#47626F#4A5D6F#4E5970#535470
#3B6F6D#406A6D#45646E#4A5F6E#4F596F#54546F#5A4D70
#3B6F6D#41686D#47626E#4E5B6E#54546F#5A4D6F#624570
#3B706C#43686D#4B5F6D#53576E#5A4E6F#62466F#6C3B70

Colorpallet from #3B6C70 to #3B706C and to #6C703B
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#3B6D6F#3C6D6E#3E6D6D#3F6D6C#406D6B#416D69#436D68
#3B6D6F#3E6D6C#406D6A#436D67#456D65#486D62#4B6D5F
#3B6E6E#3F6E6A#436E67#476E63#4A6E5F#4E6E5C#536E57
#3B6F6D#406F68#456F63#4A6F5E#4F6F59#546F54#5A6F4E
#3B6F6D#416F67#476F61#4E6F5A#546F54#5A6F4E#626F46
#3B706C#437064#4B705C#537054#5A704D#627045#6C703B

Colorpallet from #3B6C70 to #3B706C and to #703B6C
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#3B6D6F#3C6C6F#3E6A6F#3F696F#40676F#41666F#43646F
#3B6D6F#3E6A6F#40686F#43656F#46626F#495F6F#4C5C6F
#3B6E6E#3F6A6E#43666E#47626E#4B5D6E#4F596E#54546E
#3B6F6D#406A6D#46646D#4B5F6D#51596D#56546D#5D4D6D
#3B6F6D#42686D#48626D#4F5B6D#56546D#5D4D6D#65456D
#3B706C#43686C#4C5F6C#54576C#5D4E6C#65466C#703B6C

Colorpallet from #3B6C70 to #3B706C and to #706C3B
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#3B6D6F#3C6D6E#3E6D6D#3F6D6C#406C6B#416C69#436C68
#3B6D6F#3E6D6C#406D6A#436D67#466C65#496C62#4C6C5F
#3B6E6E#3F6E6A#436D67#476D63#4B6D5F#4F6C5C#546C57
#3B6F6D#406F68#466E63#4B6E5E#516D59#566D54#5D6C4E
#3B6F6D#426F67#486E61#4F6E5A#566D54#5D6D4E#656C46
#3B706C#436F64#4C6F5C#546E54#5D6D4D#656D45#706C3B

Colorpallet from #3B6C70 to #6C3B70 and to #6C703B
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#436470#43656F#43676D#43686C#436A6B#436B6A#436D68
#4B5C70#4B5F6D#4B616B#4B6468#4B6765#4B6A62#4B6D5F
#535470#53586C#535C68#536064#536560#53695C#536E57
#5A4D70#5A526B#5A5865#5A5D60#5A635A#5A6855#5A6F4E
#624570#624C69#625263#62595C#626055#62674E#626F46
#6C3B70#6C4368#6C4C5F#6C5457#6C5D4E#6C6546#6C703B

Colorpallet from #3B6C70 to #6C3B70 and to #703B6C
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#436470#436470#436470#436470#43646F#43646F#43646F
#4B5C70#4B5C70#4B5C70#4B5C70#4C5C6F#4C5C6F#4C5C6F
#535470#535470#53546F#53546F#54546F#54546E#54546E
#5A4D70#5A4D70#5B4D6F#5B4D6F#5C4D6E#5C4D6E#5D4D6D
#624570#624570#63456F#63456F#64456E#64456E#65456D
#6C3B70#6D3B6F#6D3B6F#6E3B6E#6F3B6D#6F3B6D#703B6C

Colorpallet from #3B6C70 to #6C3B70 and to #706C3B
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#436470#43656F#43676D#43686C#43696B#436A6A#436C68
#4B5C70#4B5F6D#4B616B#4B6468#4C6665#4C6962#4C6C5F
#535470#53586C#535C68#536064#546360#54675C#546C57
#5A4D70#5A526B#5B5765#5B5C60#5C615A#5C6655#5D6C4E
#624570#624B69#635163#63585C#645E55#64644E#656C46
#6C3B70#6D4368#6D4B5F#6E5357#6F5A4E#6F6246#706C3B

Colorpallet from #3B6C70 to #6C703B and to #703B6C
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#436D68#436C69#436A6A#43696B#43676C#43666E#43646F
#4B6D5F#4B6A62#4B6864#4B6567#4C6269#4C5F6C#4C5C6F
#536E57#536A5B#53665E#536262#545D66#545969#54546E
#5A6F4E#5A6A53#5B6458#5B5F5D#5C5962#5C5467#5D4D6D
#626F46#62684C#636252#635B59#64545F#644D65#65456D
#6C703B#6D6843#6D5F4B#6E5753#6F4E5A#6F4662#703B6C

Colorpallet from #3B6C70 to #6C703B and to #706C3B
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#436D68#436D68#436D68#436D68#436C68#436C68#436C68
#4B6D5F#4B6D5F#4B6D5F#4B6D5F#4C6C5F#4C6C5F#4C6C5F
#536E57#536E57#536D57#536D57#546D57#546C57#546C57
#5A6F4E#5A6F4E#5B6E4E#5B6E4E#5C6D4E#5C6D4E#5D6C4E
#626F46#626F46#636E46#636E46#646D46#646D46#656C46
#6C703B#6D6F3B#6D6F3B#6E6E3B#6F6D3B#6F6D3B#706C3B

Colorpallet from #3B6C70 to #703B6C and to #706C3B
#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70#3B6C70
#43646F#43656E#43676D#43686C#43696B#436A69#436C68
#4C5C6F#4C5F6C#4C616A#4C6467#4C6665#4C6962#4C6C5F
#54546E#54586A#545C67#546063#54635F#54675C#546C57
#5D4D6D#5D5268#5D5763#5D5C5E#5D6159#5D6654#5D6C4E
#65456D#654B67#655161#65585A#655E54#65644E#656C46
#703B6C#704364#704B5C#705354#705A4D#706245#706C3B