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 #3A6C8B to #3A8B6C and to #6C3A8B
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#3A7186#3B6F87#3D6D88#3E6B88#3F6989#40678A#42648B
#3A7681#3D7283#3F6E84#426A86#446587#476189#4A5C8B
#3A7B7C#3E757E#426F81#466883#496286#4D5C88#52548B
#3A8077#3F787A#446F7D#496781#4E5F84#545687#5A4C8B
#3A8572#407B76#47707A#4D667E#545B82#5A5186#62448B
#3A8B6C#427E71#4A7176#52647B#5A5780#624A85#6C3A8B

Colorpallet from #3A6C8B to #3A8B6C and to #6C8B3A
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#3A7186#3B7185#3D7183#3E7182#3F7181#407180#42717E
#3A7681#3D767E#3F767C#427679#447677#477674#4A7671
#3A7B7C#3E7B78#427B74#467B70#497B6D#4D7B69#527B64
#3A8077#3F8072#44806D#498068#4E8063#54805D#5A8057
#3A8572#40856C#478565#4D855F#548558#5A8552#62854A
#3A8B6C#428B64#4A8B5C#528B54#5A8B4C#628B44#6C8B3A

Colorpallet from #3A6C8B to #3A8B6C and to #8B3A6C
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#3A7186#3C6F86#3E6D86#406B86#426986#446786#476486
#3A7681#3E7281#426E81#466A81#4B6581#4F6181#545C81
#3A7B7C#40757C#466F7C#4D687C#53627C#595C7C#61547C
#3A8077#427877#4B6F77#536777#5B5F77#645677#6E4C77
#3A8572#447B72#4F7072#596672#645B72#6E5172#7B4472
#3A8B6C#477E6C#54716C#61646C#6E576C#7B4A6C#8B3A6C

Colorpallet from #3A6C8B to #3A8B6C and to #8B6C3A
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#3A7186#3C7085#3E6F83#406F82#426E81#446D80#476C7E
#3A7681#3E747E#42737C#467179#4B7077#4F6E74#546C71
#3A7B7C#407978#467674#4D7470#53716D#596F69#616C64
#3A8077#427D72#4B7A6D#537668#5B7363#64705D#6E6C57
#3A8572#44816C#4F7D65#59795F#647558#6E7152#7B6C4A
#3A8B6C#478664#54815C#617C54#6E774C#7B7244#8B6C3A

Colorpallet from #3A6C8B to #6C3A8B and to #6C8B3A
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#42648B#426689#426887#426A85#426C83#426E81#42717E
#4A5C8B#4A6087#4A6483#4A687F#4A6D7A#4A7176#4A7671
#52548B#525A85#52607F#526778#526D72#52736C#527B64
#5A4C8B#5A5483#5A5D7A#5A6572#5A6D6A#5A7661#5A8057
#62448B#624E81#625976#62636C#626E61#627857#62854A
#6C3A8B#6C477E#6C5471#6C6164#6C6E57#6C7B4A#6C8B3A

Colorpallet from #3A6C8B to #6C3A8B and to #8B3A6C
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#42648B#43648A#446489#446489#456488#466487#476486
#4A5C8B#4C5C89#4D5C88#4F5C86#505C85#525C83#545C81
#52548B#545489#575486#595484#5C5481#5E547F#61547C
#5A4C8B#5D4C88#604C85#644C81#674C7E#6A4C7B#6E4C77
#62448B#664487#6A4483#6E447F#72447B#764477#7B4472
#6C3A8B#713A86#763A81#7B3A7C#803A77#853A72#8B3A6C

Colorpallet from #3A6C8B to #6C3A8B and to #8B6C3A
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#42648B#436589#446787#446885#456983#466A81#476C7E
#4A5C8B#4C5F87#4D6183#4F647F#50667A#526976#546C71
#52548B#545885#575C7F#596078#5C6372#5E676C#616C64
#5A4C8B#5D5183#60567A#645B72#67606A#6A6661#6E6C57
#62448B#664A81#6A5176#6E576C#725E61#766457#7B6C4A
#6C3A8B#71427E#764A71#7B5264#805A57#85624A#8B6C3A

Colorpallet from #3A6C8B to #6C8B3A and to #8B3A6C
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#42717E#436F7F#446D81#446B82#456983#466784#476486
#4A7671#4C7274#4D6E76#4F6A79#50657B#52617E#545C81
#527B64#547568#576F6C#596870#5C6273#5E5C77#61547C
#5A8057#5D785C#606F61#646766#675F6B#6A5671#6E4C77
#62854A#667B50#6A7057#6E665D#725B64#76516A#7B4472
#6C8B3A#717E42#76714A#7B6452#80575A#854A62#8B3A6C

Colorpallet from #3A6C8B to #6C8B3A and to #8B6C3A
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#42717E#43707E#446F7E#446F7E#456E7E#466D7E#476C7E
#4A7671#4C7471#4D7371#4F7171#507071#526E71#546C71
#527B64#547964#577664#597464#5C7164#5E6F64#616C64
#5A8057#5D7D57#607A57#647657#677357#6A7057#6E6C57
#62854A#66814A#6A7D4A#6E794A#72754A#76714A#7B6C4A
#6C8B3A#71863A#76813A#7B7C3A#80773A#85723A#8B6C3A

Colorpallet from #3A6C8B to #8B3A6C and to #8B6C3A
#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B#3A6C8B
#476486#476585#476783#476882#476981#476A80#476C7E
#545C81#545F7E#54617C#546479#546677#546974#546C71
#61547C#615878#615C74#616070#61636D#616769#616C64
#6E4C77#6E5172#6E566D#6E5B68#6E6063#6E665D#6E6C57
#7B4472#7B4A6C#7B5165#7B575F#7B5E58#7B6452#7B6C4A
#8B3A6C#8B4264#8B4A5C#8B5254#8B5A4C#8B6244#8B6C3A