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 #3B6A83 to #3B836A and to #6A3B83
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#3B6E7F#3C6C80#3E6A80#3F6881#406682#416482#436283
#3B727B#3D6E7C#406B7E#42677F#456380#476081#4A5B83
#3B7677#3F7079#426B7B#46657D#4A607F#4D5A81#525383
#3B7A73#407376#456B78#49647B#4E5D7D#535580#594C83
#3B7E6F#417572#476B75#4D6279#53597C#59507F#614483
#3B836A#43776E#4A6C72#526076#59557A#61497E#6A3B83

Colorpallet from #3B6A83 to #3B836A and to #6A833B
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#3B6E7F#3C6E7E#3E6E7C#3F6E7B#406E7A#416E79#436E77
#3B727B#3D7279#407276#427274#457271#47726F#4A726C
#3B7677#3F7673#427670#46766C#4A7668#4D7665#527660
#3B7A73#407A6E#457A69#497A65#4E7A60#537A5B#597A55
#3B7E6F#417E69#477E63#4D7E5D#537E57#597E51#617E49
#3B836A#438362#4A835B#528353#59834C#618344#6A833B

Colorpallet from #3B6A83 to #3B836A and to #833B6A
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#3B6E7F#3D6C7F#3F6A7F#41687F#43667F#45647F#47627F
#3B727B#3F6E7B#426B7B#46677B#4A637B#4D607B#525B7B
#3B7677#417077#466B77#4C6577#516077#575A77#5E5377
#3B7A73#427373#4A6B73#516473#585D73#605573#694C73
#3B7E6F#44756F#4E6B6F#57626F#60596F#69506F#75446F
#3B836A#47776A#526C6A#5E606A#69556A#75496A#833B6A

Colorpallet from #3B6A83 to #3B836A and to #836A3B
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#3B6E7F#3D6D7E#3F6D7C#416C7B#436B7A#456B79#476A77
#3B727B#3F7179#426F76#466E74#4A6D71#4D6C6F#526A6C
#3B7677#417473#467270#4C706C#516E68#576C65#5E6A60
#3B7A73#42776E#4A7569#517265#587060#606D5B#696A55
#3B7E6F#447B69#4E7863#57745D#607157#696E51#756A49
#3B836A#477F62#527B5B#5E7753#69734C#756F44#836A3B

Colorpallet from #3B6A83 to #6A3B83 and to #6A833B
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#436283#436481#43667F#43687D#436A7B#436C79#436E77
#4A5B83#4A5F7F#4A627C#4A6678#4A6A74#4A6D71#4A726C
#525383#52597D#525E78#526472#52696D#526F67#527660
#594C83#59537C#595B74#59626D#596966#59715E#597A55
#614483#614D7A#615770#616067#61695E#617255#617E49
#6A3B83#6A4777#6A526C#6A5E60#6A6955#6A7549#6A833B

Colorpallet from #3B6A83 to #6A3B83 and to #833B6A
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#436283#446282#446282#456281#466280#466280#47627F
#4A5B83#4B5B82#4D5B80#4E5B7F#4F5B7E#505B7D#525B7B
#525383#545381#56537F#58537D#5A537B#5C5379#5E5377
#594C83#5C4C80#5E4C7E#614C7B#634C79#664C76#694C73
#614483#644480#67447D#6B4479#6E4476#714473#75446F
#6A3B83#6E3B7F#723B7B#763B77#7A3B73#7E3B6F#833B6A

Colorpallet from #3B6A83 to #6A3B83 and to #836A3B
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#436283#446381#44657F#45667D#46677B#466879#476A77
#4A5B83#4B5D7F#4D607C#4E6278#4F6574#506771#526A6C
#525383#54577D#565A78#585E72#5A626D#5C6567#5E6A60
#594C83#5C517C#5E5674#615A6D#635F66#66645E#696A55
#614483#644A7A#675070#6B5667#6E5C5E#716255#756A49
#6A3B83#6E4377#724A6C#765260#7A5955#7E6149#836A3B

Colorpallet from #3B6A83 to #6A833B and to #833B6A
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#436E77#446C78#446A7A#45687B#46667C#46647D#47627F
#4A726C#4B6E6E#4D6B71#4E6773#4F6376#506078#525B7B
#527660#547064#566B67#58656B#5A606F#5C5A72#5E5377
#597A55#5C735A#5E6B5F#616463#635D68#66556D#694C73
#617E49#64754F#676B55#6B625B#6E5961#715067#75446F
#6A833B#6E7743#726C4A#766052#7A5559#7E4961#833B6A

Colorpallet from #3B6A83 to #6A833B and to #836A3B
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#436E77#446D77#446D77#456C77#466B77#466B77#476A77
#4A726C#4B716C#4D6F6C#4E6E6C#4F6D6C#506C6C#526A6C
#527660#547460#567260#587060#5A6E60#5C6C60#5E6A60
#597A55#5C7755#5E7555#617255#637055#666D55#696A55
#617E49#647B49#677849#6B7449#6E7149#716E49#756A49
#6A833B#6E7F3B#727B3B#76773B#7A733B#7E6F3B#836A3B

Colorpallet from #3B6A83 to #833B6A and to #836A3B
#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83#3B6A83
#47627F#47637E#47657C#47667B#47677A#476879#476A77
#525B7B#525D79#526076#526274#526571#52676F#526A6C
#5E5377#5E5773#5E5A70#5E5E6C#5E6268#5E6565#5E6A60
#694C73#69516E#695669#695A65#695F60#69645B#696A55
#75446F#754A69#755063#75565D#755C57#756251#756A49
#833B6A#834362#834A5B#835253#83594C#836144#836A3B