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 #3A7E6C to #3A6C7E and to #7E3A6C
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#3A7B6F#3C7A6F#3E786E#3F776E#41766D#43756D#45736C
#3A7872#3E7571#417370#45706F#486E6E#4C6B6D#50686C
#3A7575#3F7174#456D72#4A6971#4F666F#54626E#5B5D6C
#3A7278#416D76#486874#4F6372#565E70#5D586E#66526C
#3A707A#436A78#4B6376#545D73#5D5671#65506F#70486C
#3A6C7E#45647B#505C78#5B5475#664C72#704470#7E3A6C

Colorpallet from #3A7E6C to #3A6C7E and to #7E6C3A
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#3A7B6F#3C7B6D#3E7B6B#3F7B6A#417B68#437B66#457B64
#3A7872#3E786E#41786B#457867#487864#4C7860#50785C
#3A7575#3F7570#45756A#4A7565#4F7560#54755B#5B7554
#3A7278#417271#48726A#4F7263#56725C#5D7255#66724C
#3A707A#437071#4B7069#547060#5D7057#65704F#707044
#3A6C7E#456C73#506C68#5B6C5D#666C52#706C48#7E6C3A

Colorpallet from #3A7E6C to #3A6C7E and to #6C3A7E
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#3A7B6F#3B7A6F#3D786F#3E776F#3F766F#40756F#42736F
#3A7872#3D7572#3F7372#427072#446E72#476B72#4A6872
#3A7575#3E7175#426D75#466975#496675#4D6275#525D75
#3A7278#3F6D78#446878#496378#4E5E78#545878#5A5278
#3A707A#406A7A#47637A#4D5D7A#54567A#5A507A#62487A
#3A6C7E#42647E#4A5C7E#52547E#5A4C7E#62447E#6C3A7E

Colorpallet from #3A7E6C to #3A6C7E and to #6C7E3A
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#3A7B6F#3B7B6D#3D7C6B#3E7C6A#3F7D68#407D66#427E64
#3A7872#3D796E#3F7A6B#427B67#447C64#477D60#4A7E5C
#3A7575#3E7670#42786A#467965#497B60#4D7C5B#527E54
#3A7278#3F7471#44766A#497863#4E7A5C#547C55#5A7E4C
#3A707A#407271#477469#4D7760#547957#5A7B4F#627E44
#3A6C7E#426F73#4A7268#52755D#5A7852#627A48#6C7E3A

Colorpallet from #3A7E6C to #7E3A6C and to #7E6C3A
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#45736C#45746B#457669#457768#457867#457966#457B64
#50686C#506B69#506D67#507064#507262#50755F#50785C
#5B5D6C#5B6168#5B6564#5B6960#5B6C5D#5B7059#5B7554
#66526C#665767#665C62#66615D#666658#666C52#66724C
#70486C#704E66#70555F#705B59#706252#70684C#707044
#7E3A6C#7E4264#7E4A5C#7E5254#7E5A4C#7E6244#7E6C3A

Colorpallet from #3A7E6C to #7E3A6C and to #6C3A7E
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#45736C#45736C#44736D#44736D#43736E#43736E#42736F
#50686C#4F686D#4E686E#4D686F#4C6870#4B6871#4A6872
#5B5D6C#5A5D6D#585D6F#575D70#555D72#545D73#525D75
#66526C#64526E#625270#605272#5E5274#5C5276#5A5278
#70486C#6E486E#6C4870#694873#674875#654877#62487A
#7E3A6C#7B3A6F#783A72#753A75#723A78#703A7A#6C3A7E

Colorpallet from #3A7E6C to #7E3A6C and to #6C7E3A
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#45736C#45756B#447769#447868#437A67#437C66#427E64
#50686C#4F6C69#4E6F67#4D7364#4C7662#4B7A5F#4A7E5C
#5B5D6C#5A6268#586864#576D60#55725D#547759#527E54
#66526C#645967#626062#60675D#5E6E58#5C7552#5A7E4C
#70486C#6E5166#6C595F#696259#676B52#65734C#627E44
#7E3A6C#7B4564#78505C#755B54#72664C#707044#6C7E3A

Colorpallet from #3A7E6C to #7E6C3A and to #6C3A7E
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#457B64#457A66#447868#447769#43766B#43756D#42736F
#50785C#4F7560#4E7363#4D7067#4C6E6A#4B6B6E#4A6872
#5B7554#5A7159#586D5F#576964#556669#54626E#525D75
#66724C#646D53#62685A#606361#5E5E68#5C586F#5A5278
#707044#6E6A4D#6C6355#695D5E#675667#65506F#62487A
#7E6C3A#7B6445#785C50#75545B#724C66#704470#6C3A7E

Colorpallet from #3A7E6C to #7E6C3A and to #6C7E3A
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#457B64#457B64#447C64#447C64#437D64#437D64#427E64
#50785C#4F795C#4E7A5C#4D7B5C#4C7C5C#4B7D5C#4A7E5C
#5B7554#5A7654#587854#577954#557B54#547C54#527E54
#66724C#64744C#62764C#60784C#5E7A4C#5C7C4C#5A7E4C
#707044#6E7244#6C7444#697744#677944#657B44#627E44
#7E6C3A#7B6F3A#78723A#75753A#72783A#707A3A#6C7E3A

Colorpallet from #3A7E6C to #6C3A7E and to #6C7E3A
#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C#3A7E6C
#42736F#42756D#42776B#42786A#427A68#427C66#427E64
#4A6872#4A6C6E#4A6F6B#4A7367#4A7664#4A7A60#4A7E5C
#525D75#526270#52686A#526D65#527260#52775B#527E54
#5A5278#5A5971#5A606A#5A6763#5A6E5C#5A7555#5A7E4C
#62487A#625171#625969#626260#626B57#62734F#627E44
#6C3A7E#6C4573#6C5068#6C5B5D#6C6652#6C7048#6C7E3A