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 #3A6C72 to #3A726C and to #6C3A72
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#3A6D71#3B6C71#3D6A71#3E6971#3F6772#406672#426472
#3A6E70#3D6B70#3F6871#426571#446271#476072#4A5C72
#3A6F6F#3E6B6F#426670#466270#495E71#4D5971#525472
#3A706E#3F6A6F#44646F#495F70#4E5971#545371#5A4C72
#3A716D#406A6E#47636F#4D5B6F#545470#5A4D71#624472
#3A726C#42696D#4A606E#52576F#5A4E70#624571#6C3A72

Colorpallet from #3A6C72 to #3A726C and to #6C723A
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#3A6D71#3B6D70#3D6D6E#3E6D6D#3F6D6C#406D6B#426D69
#3A6E70#3D6E6D#3F6E6B#426E68#446E66#476E63#4A6E60
#3A6F6F#3E6F6B#426F67#466F63#496F60#4D6F5C#526F57
#3A706E#3F7069#447064#49705F#4E705A#547054#5A704E
#3A716D#407167#477160#4D715A#547153#5A714D#627145
#3A726C#427264#4A725C#527254#5A724C#627244#6C723A

Colorpallet from #3A6C72 to #3A726C and to #723A6C
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#3A6D71#3B6C71#3D6A71#3E6971#406771#416671#436471
#3A6E70#3D6B70#406870#436570#466270#486070#4C5C70
#3A6F6F#3E6B6F#43666F#47626F#4B5E6F#50596F#55546F
#3A706E#406A6E#46646E#4B5F6E#51596E#57536E#5E4C6E
#3A716D#416A6D#48636D#505B6D#57546D#5E4D6D#67446D
#3A726C#43696C#4C606C#55576C#5E4E6C#67456C#723A6C

Colorpallet from #3A6C72 to #3A726C and to #726C3A
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#3A6D71#3B6D70#3D6D6E#3E6D6D#406C6C#416C6B#436C69
#3A6E70#3D6E6D#406D6B#436D68#466D66#486C63#4C6C60
#3A6F6F#3E6F6B#436E67#476E63#4B6D60#506D5C#556C57
#3A706E#406F69#466F64#4B6E5F#516D5A#576D54#5E6C4E
#3A716D#417067#486F60#506F5A#576E53#5E6D4D#676C45
#3A726C#437164#4C705C#556F54#5E6E4C#676D44#726C3A

Colorpallet from #3A6C72 to #6C3A72 and to #6C723A
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#426472#426571#42676F#42686E#426A6C#426B6B#426D69
#4A5C72#4A5F6F#4A626C#4A6569#4A6866#4A6A64#4A6E60
#525472#52586E#525D69#526165#526561#526A5C#526F57
#5A4C72#5A526C#5A5866#5A5D61#5A635B#5A6955#5A704E
#624472#624B6B#625264#625A5C#626155#62684E#627145
#6C3A72#6C4369#6C4C60#6C5557#6C5E4E#6C6745#6C723A

Colorpallet from #3A6C72 to #6C3A72 and to #723A6C
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#426472#426472#426472#426472#436471#436471#436471
#4A5C72#4A5C72#4B5C71#4B5C71#4B5C71#4C5C70#4C5C70
#525472#525472#535471#535471#545470#545470#55546F
#5A4C72#5B4C71#5B4C71#5C4C70#5D4C6F#5D4C6F#5E4C6E
#624472#634471#644470#644470#65446F#66446E#67446D
#6C3A72#6D3A71#6E3A70#6F3A6F#703A6E#713A6D#723A6C

Colorpallet from #3A6C72 to #6C3A72 and to #726C3A
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#426472#426571#42676F#42686E#43696C#436A6B#436C69
#4A5C72#4A5F6F#4B616C#4B6469#4B6666#4C6964#4C6C60
#525472#52586E#535C69#536065#546361#54675C#556C57
#5A4C72#5B516C#5B5666#5C5B61#5D605B#5D6655#5E6C4E
#624472#634A6B#645164#64575C#655E55#66644E#676C45
#6C3A72#6D4269#6E4A60#6F5257#705A4E#716245#726C3A

Colorpallet from #3A6C72 to #6C723A and to #723A6C
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#426D69#426C6A#426A6C#42696D#43676E#43666F#436471
#4A6E60#4A6B63#4B6865#4B6568#4B626A#4C606D#4C5C70
#526F57#526B5B#53665F#536263#545E66#54596A#55546F
#5A704E#5B6A53#5B6458#5C5F5D#5D5962#5D5368#5E4C6E
#627145#636A4B#646352#645B58#65545F#664D65#67446D
#6C723A#6D6942#6E604A#6F5752#704E5A#714562#723A6C

Colorpallet from #3A6C72 to #6C723A and to #726C3A
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#426D69#426D69#426D69#426D69#436C69#436C69#436C69
#4A6E60#4A6E60#4B6D60#4B6D60#4B6D60#4C6C60#4C6C60
#526F57#526F57#536E57#536E57#546D57#546D57#556C57
#5A704E#5B6F4E#5B6F4E#5C6E4E#5D6D4E#5D6D4E#5E6C4E
#627145#637045#646F45#646F45#656E45#666D45#676C45
#6C723A#6D713A#6E703A#6F6F3A#706E3A#716D3A#726C3A

Colorpallet from #3A6C72 to #723A6C and to #726C3A
#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72#3A6C72
#436471#436570#43676E#43686D#43696C#436A6B#436C69
#4C5C70#4C5F6D#4C616B#4C6468#4C6666#4C6963#4C6C60
#55546F#55586B#555C67#556063#556360#55675C#556C57
#5E4C6E#5E5169#5E5664#5E5B5F#5E605A#5E6654#5E6C4E
#67446D#674A67#675160#67575A#675E53#67644D#676C45
#723A6C#724264#724A5C#725254#725A4C#726244#726C3A