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 #3A808E to #3A8E80 and to #803A8E
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#3A828C#3C808C#3E7E8D#3F7C8D#417A8D#43788E#45758E
#3A848A#3E808B#417C8B#45788C#48738D#4C6F8D#506A8E
#3A8787#3F8088#457A89#4A738A#506D8B#55668D#5C5E8E
#3A8985#418086#487888#506F89#57668B#5E5E8C#67538E
#3A8B83#438085#4C7687#556B88#5E608A#67558C#72488E
#3A8E80#458182#507384#5C6687#675889#724B8B#803A8E

Colorpallet from #3A808E to #3A8E80 and to #808E3A
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#3A828C#3C828A#3E8288#3F8287#418285#438283#458281
#3A848A#3E8486#418483#45847F#48847B#4C8478#508473
#3A8787#3F8782#45877C#4A8777#508772#55876D#5C8766
#3A8985#41897E#488977#50896F#578968#5E8961#678958
#3A8B83#438B7A#4C8B71#558B68#5E8B5F#678B56#728B4B
#3A8E80#458E75#508E6A#5C8E5E#678E53#728E48#808E3A

Colorpallet from #3A808E to #3A8E80 and to #8E3A80
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#3A828C#3C808C#3E7E8C#407C8C#427A8C#44788C#47758C
#3A848A#3E808A#437C8A#47788A#4B738A#506F8A#556A8A
#3A8787#408087#477A87#4D7387#546D87#5A6687#625E87
#3A8985#438085#4B7885#546F85#5D6685#655E85#705385
#3A8B83#458083#4F7683#5A6B83#656083#705583#7D4883
#3A8E80#478180#557380#626680#705880#7D4B80#8E3A80

Colorpallet from #3A808E to #3A8E80 and to #8E803A
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#3A828C#3C828A#3E8188#408187#428185#448083#478081
#3A848A#3E8386#438383#47827F#4B817B#508178#558073
#3A8787#408682#47857C#4D8477#548372#5A816D#628066
#3A8985#43887E#4B8677#54856F#5D8368#658261#708058
#3A8B83#45897A#4F8771#5A8668#65845F#708256#7D804B
#3A8E80#478C75#558A6A#62875E#708553#7D8348#8E803A

Colorpallet from #3A808E to #803A8E and to #808E3A
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#45758E#45778C#45798A#457B88#457D86#457F84#458281
#506A8E#506E8A#507285#507681#507B7D#507F78#508473
#5C5E8E#5C6588#5C6B81#5C727B#5C7874#5C7F6E#5C8766
#67538E#675C85#67647D#676D74#67766B#677E63#678958
#72488E#725383#725D79#72686E#727363#727E58#728B4B
#803A8E#804781#805573#806266#807058#807D4B#808E3A

Colorpallet from #3A808E to #803A8E and to #8E3A80
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#45758E#45758E#46758D#46758D#46758D#47758C#47758C
#506A8E#516A8D#526A8D#526A8C#536A8B#546A8B#556A8A
#5C5E8E#5D5E8D#5E5E8C#5F5E8B#605E8A#615E88#625E87
#67538E#68538D#6A538B#6B538A#6D5388#6E5387#705385
#72488E#74488C#76488A#774889#794887#7B4885#7D4883
#803A8E#823A8C#843A8A#873A87#893A85#8B3A83#8E3A80

Colorpallet from #3A808E to #803A8E and to #8E803A
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#45758E#45778C#46798A#467A88#467C86#477E84#478081
#506A8E#516E8A#527185#527581#53787D#547C78#558073
#5C5E8E#5D6388#5E6981#5F6E7B#607474#61796E#628066
#67538E#685A85#6A617D#6B6974#6D706B#6E7763#708058
#72488E#745183#765A79#77636E#796C63#7B7558#7D804B
#803A8E#824581#845073#875C66#896758#8B724B#8E803A

Colorpallet from #3A808E to #808E3A and to #8E3A80
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#458281#458083#467E85#467C86#467A88#47788A#47758C
#508473#518077#527C7A#52787E#537382#546F85#556A8A
#5C8766#5D806B#5E7A71#5F7376#606D7B#616680#625E87
#678958#68805F#6A7866#6B6F6E#6D6675#6E5E7C#705385
#728B4B#748054#76765D#776B66#79606F#7B5578#7D4883
#808E3A#828145#847350#87665C#895867#8B4B72#8E3A80

Colorpallet from #3A808E to #808E3A and to #8E803A
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#458281#458281#468181#468181#468181#478081#478081
#508473#518373#528373#528273#538173#548173#558073
#5C8766#5D8666#5E8566#5F8466#608366#618166#628066
#678958#688858#6A8658#6B8558#6D8358#6E8258#708058
#728B4B#74894B#76874B#77864B#79844B#7B824B#7D804B
#808E3A#828C3A#848A3A#87873A#89853A#8B833A#8E803A

Colorpallet from #3A808E to #8E3A80 and to #8E803A
#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E#3A808E
#47758C#47778A#477988#477A87#477C85#477E83#478081
#556A8A#556E86#557183#55757F#55787B#557C78#558073
#625E87#626382#62697C#626E77#627472#62796D#628066
#705385#705A7E#706177#70696F#707068#707761#708058
#7D4883#7D517A#7D5A71#7D6368#7D6C5F#7D7556#7D804B
#8E3A80#8E4575#8E506A#8E5C5E#8E6753#8E7248#8E803A