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 #3F686C to #3F6C68 and to #683F6C
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#3F696B#40686B#41666B#42656B#43646C#45636C#46616C
#3F696B#41676B#43656B#45626B#47606C#495E6C#4C5B6C
#3F6A6A#42666A#45636B#495F6B#4C5C6B#4F586C#53546C
#3F6B69#436669#47626A#4B5D6A#50586B#54546B#594E6C
#3F6B69#446569#4A5F6A#4F5A6A#54546B#594E6B#60476C
#3F6C68#466569#4C5E69#53566A#594F6B#60486B#683F6C

Colorpallet from #3F686C to #3F6C68 and to #686C3F
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#3F696B#40696A#416969#426968#436967#456966#466965
#3F696B#416969#436967#456965#476963#496961#4C695E
#3F6A6A#426A67#456A64#496A60#4C6A5D#4F6A5A#536A56
#3F6B69#436B65#476B61#4B6B5D#506B58#546B54#596B4F
#3F6B69#446B64#4A6B5E#4F6B59#546B54#596B4F#606B48
#3F6C68#466C61#4C6C5B#536C54#596C4E#606C47#686C3F

Colorpallet from #3F686C to #3F6C68 and to #6C3F68
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#3F696B#40686B#41666B#42656B#43646B#45636B#46616B
#3F696B#41676B#43656B#46626B#48606B#4A5E6B#4D5B6B
#3F6A6A#43666A#46636A#4A5F6A#4D5C6A#51586A#55546A
#3F6B69#446669#486269#4D5D69#525869#565469#5C4E69
#3F6B69#456569#4B5F69#505A69#565469#5C4E69#634769
#3F6C68#466568#4D5E68#555668#5C4F68#634868#6C3F68

Colorpallet from #3F686C to #3F6C68 and to #6C683F
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#3F696B#40696A#416969#426968#436867#456866#466865
#3F696B#416969#436967#466965#486863#4A6861#4D685E
#3F6A6A#436A67#466964#4A6960#4D695D#51685A#556856
#3F6B69#446B65#486A61#4D6A5D#526958#566954#5C684F
#3F6B69#456B64#4B6A5E#506A59#566954#5C694F#636848
#3F6C68#466B61#4D6B5B#556A54#5C694E#636947#6C683F

Colorpallet from #3F686C to #683F6C and to #686C3F
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#46616C#46626B#46646A#466569#466668#466766#466965
#4C5B6C#4C5D6A#4C5F68#4C6265#4C6463#4C6661#4C695E
#53546C#535868#535B65#535F61#53625E#53665A#536A56
#594E6C#595367#595763#595C5E#596159#596555#596B4F
#60476C#604D66#605360#60585B#605E55#60644F#606B48
#683F6C#684665#684D5E#685556#685C4F#686348#686C3F

Colorpallet from #3F686C to #683F6C and to #6C3F68
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#46616C#46616C#46616C#46616C#46616B#46616B#46616B
#4C5B6C#4C5B6C#4C5B6C#4C5B6C#4D5B6B#4D5B6B#4D5B6B
#53546C#53546C#54546B#54546B#54546B#55546A#55546A
#594E6C#594E6C#5A4E6B#5A4E6B#5B4E6A#5B4E6A#5C4E69
#60476C#60476C#61476B#61476B#62476A#62476A#634769
#683F6C#693F6B#693F6B#6A3F6A#6B3F69#6B3F69#6C3F68

Colorpallet from #3F686C to #683F6C and to #6C683F
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#46616C#46626B#46636A#466469#466568#466766#466865
#4C5B6C#4C5D6A#4C5F68#4C6165#4D6363#4D6561#4D685E
#53546C#535768#545A65#545E61#54615E#55645A#556856
#594E6C#595267#5A5663#5A5A5E#5B5F59#5B6355#5C684F
#60476C#604C66#615260#61575B#625C55#62614F#636848
#683F6C#694665#694C5E#6A5356#6B594F#6B6048#6C683F

Colorpallet from #3F686C to #686C3F and to #6C3F68
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#466965#466866#466667#466568#466469#46636A#46616B
#4C695E#4C6760#4C6562#4C6264#4D6066#4D5E68#4D5B6B
#536A56#536659#54635C#545F60#545C63#555866#55546A
#596B4F#596653#5A6257#5A5D5B#5B5860#5B5464#5C4E69
#606B48#60654D#615F53#615A58#62545D#624E62#634769
#686C3F#696546#695E4C#6A5653#6B4F59#6B4860#6C3F68

Colorpallet from #3F686C to #686C3F and to #6C683F
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#466965#466965#466965#466965#466865#466865#466865
#4C695E#4C695E#4C695E#4C695E#4D685E#4D685E#4D685E
#536A56#536A56#546956#546956#546956#556856#556856
#596B4F#596B4F#5A6A4F#5A6A4F#5B694F#5B694F#5C684F
#606B48#606B48#616A48#616A48#626948#626948#636848
#686C3F#696B3F#696B3F#6A6A3F#6B693F#6B693F#6C683F

Colorpallet from #3F686C to #6C3F68 and to #6C683F
#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C#3F686C
#46616B#46626A#466369#466468#466567#466766#466865
#4D5B6B#4D5D69#4D5F67#4D6165#4D6363#4D6561#4D685E
#55546A#555767#555A64#555E60#55615D#55645A#556856
#5C4E69#5C5265#5C5661#5C5A5D#5C5F58#5C6354#5C684F
#634769#634C64#63525E#635759#635C54#63614F#636848
#6C3F68#6C4661#6C4C5B#6C5354#6C594E#6C6047#6C683F