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 #3F5A6C to #3F6C5A and to #5A3F6C
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#3F5D69#405C69#405B6A#415A6A#42596B#42576B#43566C
#3F6066#405E67#425B68#435969#45566A#46546B#48516C
#3F6363#415F64#435C66#455867#475569#49516A#4C4D6C
#3F6660#426162#445D64#475866#4A5368#4D4F6A#50496C
#3F685E#436260#465C62#4A5765#4D5167#514B69#55446C
#3F6C5A#43655D#485E60#4C5663#504F66#554868#5A3F6C

Colorpallet from #3F5A6C to #3F6C5A and to #5A6C3F
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#3F5D69#405D68#405D68#415D67#425D66#425D66#435D65
#3F6066#406065#426063#436062#456061#466060#48605E
#3F6363#416361#43635F#45635D#47635B#496359#4C6356
#3F6660#42665D#44665B#476658#4A6655#4D6652#50664F
#3F685E#43685A#466857#4A6853#4D6850#51684C#556848
#3F6C5A#436C56#486C51#4C6C4D#506C49#556C44#5A6C3F

Colorpallet from #3F5A6C to #3F6C5A and to #6C3F5A
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#3F5D69#405C69#415B69#425A69#435969#455769#465669
#3F6066#415E66#435B66#465966#485666#4A5466#4D5166
#3F6363#435F63#465C63#4A5863#4D5563#515163#554D63
#3F6660#446160#485D60#4D5860#525360#564F60#5C4960
#3F685E#45625E#4B5C5E#50575E#56515E#5C4B5E#63445E
#3F6C5A#46655A#4D5E5A#55565A#5C4F5A#63485A#6C3F5A

Colorpallet from #3F5A6C to #3F6C5A and to #6C5A3F
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#3F5D69#405D68#415C68#425C67#435B66#455B66#465A65
#3F6066#415F65#435E63#465D62#485C61#4A5B60#4D5A5E
#3F6363#436261#46605F#4A5F5D#4D5D5B#515C59#555A56
#3F6660#44645D#48625B#4D6058#525E55#565C52#5C5A4F
#3F685E#45665A#4B6457#506153#565F50#5C5D4C#635A48
#3F6C5A#466956#4D6651#55634D#5C6049#635E44#6C5A3F

Colorpallet from #3F5A6C to #5A3F6C and to #5A6C3F
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#43566C#43576B#43586A#435969#435A68#435C66#435D65
#48516C#48536A#485668#485865#485B63#485D61#48605E
#4C4D6C#4C5168#4C5465#4C5861#4C5B5E#4C5F5A#4C6356
#50496C#504E67#505263#50575E#505C59#506055#50664F
#55446C#554A66#555060#55555B#555B55#55614F#556848
#5A3F6C#5A4665#5A4D5E#5A5556#5A5C4F#5A6348#5A6C3F

Colorpallet from #3F5A6C to #5A3F6C and to #6C3F5A
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#43566C#43566C#44566B#44566B#45566A#45566A#465669
#48516C#49516B#4A516A#4A5169#4B5168#4C5167#4D5166
#4C4D6C#4D4D6B#4F4D69#504D68#524D66#534D65#554D63
#50496C#52496A#544968#564966#584964#5A4962#5C4960
#55446C#57446A#594468#5C4465#5E4463#604461#63445E
#5A3F6C#5D3F69#603F66#633F63#663F60#683F5E#6C3F5A

Colorpallet from #3F5A6C to #5A3F6C and to #6C5A3F
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#43566C#43576B#44576A#445869#455968#455966#465A65
#48516C#49526A#4A5468#4A5565#4B5763#4C5861#4D5A5E
#4C4D6C#4D4F68#4F5165#505361#52555E#53575A#555A56
#50496C#524C67#544E63#56515E#585459#5A5755#5C5A4F
#55446C#574866#594B60#5C4F5B#5E5255#60564F#635A48
#5A3F6C#5D4365#60485E#634C56#66504F#685548#6C5A3F

Colorpallet from #3F5A6C to #5A6C3F and to #6C3F5A
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#435D65#435C66#445B66#445A67#455968#455768#465669
#48605E#495E5F#4A5B61#4A5962#4B5663#4C5464#4D5166
#4C6356#4D5F58#4F5C5A#50585C#52555E#535160#554D63
#50664F#526152#545D54#565857#58535A#5A4F5D#5C4960
#556848#57624C#595C4F#5C5753#5E5156#604B5A#63445E
#5A6C3F#5D6543#605E48#63564C#664F50#684855#6C3F5A

Colorpallet from #3F5A6C to #5A6C3F and to #6C5A3F
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#435D65#435D65#445C65#445C65#455B65#455B65#465A65
#48605E#495F5E#4A5E5E#4A5D5E#4B5C5E#4C5B5E#4D5A5E
#4C6356#4D6256#4F6056#505F56#525D56#535C56#555A56
#50664F#52644F#54624F#56604F#585E4F#5A5C4F#5C5A4F
#556848#576648#596448#5C6148#5E5F48#605D48#635A48
#5A6C3F#5D693F#60663F#63633F#66603F#685E3F#6C5A3F

Colorpallet from #3F5A6C to #6C3F5A and to #6C5A3F
#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C#3F5A6C
#465669#465768#465768#465867#465966#465966#465A65
#4D5166#4D5265#4D5463#4D5562#4D5761#4D5860#4D5A5E
#554D63#554F61#55515F#55535D#55555B#555759#555A56
#5C4960#5C4C5D#5C4E5B#5C5158#5C5455#5C5752#5C5A4F
#63445E#63485A#634B57#634F53#635250#63564C#635A48
#6C3F5A#6C4356#6C4851#6C4C4D#6C5049#6C5544#6C5A3F