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 #3D6B6C to #3D6C6B and to #6B3D6C
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#3D6B6C#3E6A6C#3F696C#40686C#41676C#43656C#44646C
#3D6B6C#3F696C#42666C#44646C#47616C#495F6C#4C5C6C
#3D6B6C#41676C#44646C#48606C#4B5D6C#4F596C#53556C
#3D6C6B#42676B#46626B#4B5E6B#50596C#54546C#5A4E6C
#3D6C6B#43666B#49606B#4F5A6B#55546C#5B4E6C#62466C
#3D6C6B#44646B#4C5D6B#53556B#5A4E6C#62466C#6B3D6C

Colorpallet from #3D6B6C to #3D6C6B and to #6B6C3D
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#3D6B6C#3E6B6B#3F6B69#406B68#416B67#436B66#446B64
#3D6B6C#3F6B6A#426B67#446B65#476B62#496B60#4C6B5D
#3D6B6C#416B68#446B65#486B61#4B6B5D#4F6B5A#536B55
#3D6C6B#426C66#466C62#4B6C5D#506C58#546C54#5A6C4E
#3D6C6B#436C65#496C5F#4F6C59#556C53#5B6C4D#626C46
#3D6C6B#446C64#4C6C5C#536C55#5A6C4E#626C46#6B6C3D

Colorpallet from #3D6B6C to #3D6C6B and to #6C3D6B
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#3D6B6C#3E6A6C#40696C#41686C#42676C#43656C#45646C
#3D6B6C#3F696C#42666C#44646C#47616C#495F6C#4C5C6C
#3D6B6C#41676C#44646C#48606C#4C5D6C#4F596C#54556C
#3D6C6B#42676B#47626B#4B5E6B#50596B#55546B#5B4E6B
#3D6C6B#43666B#49606B#4F5A6B#55546B#5B4E6B#63466B
#3D6C6B#45646B#4C5D6B#54556B#5B4E6B#63466B#6C3D6B

Colorpallet from #3D6B6C to #3D6C6B and to #6C6B3D
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#3D6B6C#3E6B6B#406B69#416B68#426B67#436B66#456B64
#3D6B6C#3F6B6A#426B67#446B65#476B62#496B60#4C6B5D
#3D6B6C#416B68#446B65#486B61#4C6B5D#4F6B5A#546B55
#3D6C6B#426C66#476C62#4B6C5D#506B58#556B54#5B6B4E
#3D6C6B#436C65#496C5F#4F6C59#556B53#5B6B4D#636B46
#3D6C6B#456C64#4C6C5C#546C55#5B6B4E#636B46#6C6B3D

Colorpallet from #3D6B6C to #6B3D6C and to #6B6C3D
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#44646C#44656B#446669#446768#446867#446A66#446B64
#4C5C6C#4C5E6A#4C6167#4C6365#4C6662#4C6860#4C6B5D
#53556C#535968#535C65#536061#53635D#53675A#536B55
#5A4E6C#5A5367#5A5862#5A5C5E#5A6159#5A6654#5A6C4E
#62466C#624C66#625260#62585A#625E54#62644E#626C46
#6B3D6C#6B4564#6B4C5D#6B5455#6B5B4E#6B6346#6B6C3D

Colorpallet from #3D6B6C to #6B3D6C and to #6C3D6B
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#44646C#44646C#44646C#44646C#45646C#45646C#45646C
#4C5C6C#4C5C6C#4C5C6C#4C5C6C#4C5C6C#4C5C6C#4C5C6C
#53556C#53556C#53556C#53556C#54556C#54556C#54556C
#5A4E6C#5A4E6C#5A4E6C#5A4E6C#5B4E6B#5B4E6B#5B4E6B
#62466C#62466C#62466C#62466C#63466B#63466B#63466B
#6B3D6C#6B3D6C#6B3D6C#6B3D6C#6C3D6B#6C3D6B#6C3D6B

Colorpallet from #3D6B6C to #6B3D6C and to #6C6B3D
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#44646C#44656B#446669#446768#456867#456A66#456B64
#4C5C6C#4C5E6A#4C6167#4C6365#4C6662#4C6860#4C6B5D
#53556C#535968#535C65#536061#54635D#54675A#546B55
#5A4E6C#5A5367#5A5762#5A5C5E#5B6159#5B6554#5B6B4E
#62466C#624C66#625260#62585A#635E54#63644E#636B46
#6B3D6C#6B4464#6B4C5D#6B5355#6C5A4E#6C6246#6C6B3D

Colorpallet from #3D6B6C to #6B6C3D and to #6C3D6B
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#446B64#446A65#446967#446868#456769#45656A#45646C
#4C6B5D#4C695F#4C6662#4C6464#4C6167#4C5F69#4C5C6C
#536B55#536759#53645C#536060#545D64#545967#54556C
#5A6C4E#5A6753#5A6257#5A5E5C#5B5961#5B5465#5B4E6B
#626C46#62664C#626052#625A58#63545E#634E64#63466B
#6B6C3D#6B6444#6B5D4C#6B5553#6C4E5A#6C4662#6C3D6B

Colorpallet from #3D6B6C to #6B6C3D and to #6C6B3D
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#446B64#446B64#446B64#446B64#456B64#456B64#456B64
#4C6B5D#4C6B5D#4C6B5D#4C6B5D#4C6B5D#4C6B5D#4C6B5D
#536B55#536B55#536B55#536B55#546B55#546B55#546B55
#5A6C4E#5A6C4E#5A6C4E#5A6C4E#5B6B4E#5B6B4E#5B6B4E
#626C46#626C46#626C46#626C46#636B46#636B46#636B46
#6B6C3D#6B6C3D#6B6C3D#6B6C3D#6C6B3D#6C6B3D#6C6B3D

Colorpallet from #3D6B6C to #6C3D6B and to #6C6B3D
#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C#3D6B6C
#45646C#45656B#456669#456768#456867#456A66#456B64
#4C5C6C#4C5E6A#4C6167#4C6365#4C6662#4C6860#4C6B5D
#54556C#545968#545C65#546061#54635D#54675A#546B55
#5B4E6B#5B5366#5B5762#5B5C5D#5B6158#5B6554#5B6B4E
#63466B#634C65#63525F#635859#635E53#63644D#636B46
#6C3D6B#6C4464#6C4C5C#6C5355#6C5A4E#6C6246#6C6B3D