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 #5642A3 to #56A342 and to #4256A3
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#565293#565096#554E98#554C9B#544A9D#5448A0#5345A3
#566184#555D89#54598E#535593#525198#514D9D#5048A3
#567174#546B7C#536583#515F8B#505992#4E539A#4C4CA3
#568065#54786F#527079#506883#4E618D#4C5997#494FA3
#569055#538661#517C6E#4E727A#4C6887#495E93#4652A3
#56A342#539752#508A61#4C7E71#497280#466590#4256A3

Colorpallet from #5642A3 to #56A342 and to #42A356
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#565293#565294#555294#555295#545296#545296#535297
#566184#556185#546186#536187#526188#516189#50618A
#567174#547176#537177#517179#50717A#4E717C#4C717E
#568065#548067#528069#50806B#4E806D#4C806F#498072
#569055#539058#51905A#4E905D#4C905F#499062#469065
#56A342#53A345#50A348#4CA34C#49A34F#46A352#42A356

Colorpallet from #5642A3 to #56A342 and to #A35642
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#565293#585093#5A4E93#5C4C93#5E4A93#604893#624593
#566184#5A5D84#5E5984#625584#665184#6A4D84#6F4884
#567174#5C6B74#626574#685F74#6E5974#745374#7B4C74
#568065#5E7865#667065#6E6865#756165#7D5965#874F65
#569055#608655#6A7C55#747255#7E6855#885E55#945255
#56A342#629742#6F8A42#7B7E42#877242#946542#A35642

Colorpallet from #5642A3 to #56A342 and to #A34256
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#565293#584F94#5A4D94#5C4A95#5E4896#604596#624297
#566184#5A5C85#5E5786#625287#664D88#6A4889#6F428A
#567174#5C6976#626277#685A79#6E537A#744B7C#7B427E
#568065#5E7667#666C69#6E626B#75586D#7D4E6F#874272
#569055#608458#6A775A#746B5D#7E5E5F#885262#944265
#56A342#629345#6F8448#7B744C#87654F#945552#A34256

Colorpallet from #5642A3 to #4256A3 and to #42A356
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#5345A3#5347A1#53499F#534B9D#534D9B#534F99#535297
#5048A3#504C9F#50509B#505497#505893#505C8F#50618A
#4C4CA3#4C529D#4C5897#4C5E91#4C648B#4C6A85#4C717E
#494FA3#49579B#495F93#49678B#496E84#49767C#498072
#4652A3#465C99#46668F#467085#467A7B#468471#469065
#4256A3#426297#426F8A#427B7E#428772#429465#42A356

Colorpallet from #5642A3 to #4256A3 and to #A35642
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#5345A3#5545A0#58459E#5A459B#5D4599#5F4596#624593
#5048A3#55489E#5A4899#5F4894#64488F#69488A#6F4884
#4C4CA3#544C9B#5B4C94#634C8C#6A4C85#724C7D#7B4C74
#494FA3#534F99#5D4F8F#674F85#714F7B#7B4F71#874F65
#4652A3#525297#5F528A#6B527E#785271#845265#945255
#4256A3#525693#615684#715674#805665#905655#A35642

Colorpallet from #5642A3 to #4256A3 and to #A34256
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#5345A3#5545A1#58449F#5A449D#5D439B#5F4399#624297
#5048A3#55479F#5A469B#5F4597#644493#69438F#6F428A
#4C4CA3#544A9D#5B4997#634791#6A468B#724485#7B427E
#494FA3#534D9B#5D4B93#67498B#714784#7B457C#874272
#4652A3#524F99#5F4D8F#6B4A85#78487B#844571#944265
#4256A3#525397#61508A#714C7E#804972#904665#A34256

Colorpallet from #5642A3 to #42A356 and to #A35642
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#535297#555096#584E96#5A4C95#5D4A94#5F4894#624593
#50618A#555D89#5A5988#5F5587#645186#694D85#6F4884
#4C717E#546B7C#5B657B#635F79#6A5978#725376#7B4C74
#498072#537870#5D706E#67686C#71616A#7B5968#874F65
#469065#528662#5F7C60#6B725D#78685B#845E58#945255
#42A356#529753#618A50#717E4C#807249#906546#A35642

Colorpallet from #5642A3 to #42A356 and to #A34256
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#535297#554F97#584D97#5A4A97#5D4897#5F4597#624297
#50618A#555C8A#5A578A#5F528A#644D8A#69488A#6F428A
#4C717E#54697E#5B627E#635A7E#6A537E#724B7E#7B427E
#498072#537672#5D6C72#676272#715872#7B4E72#874272
#469065#528465#5F7765#6B6B65#785E65#845265#944265
#42A356#529356#618456#717456#806556#905556#A34256

Colorpallet from #5642A3 to #A35642 and to #A34256
#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3#5642A3
#624593#624594#624494#624495#624396#624396#624297
#6F4884#6F4785#6F4686#6F4587#6F4488#6F4389#6F428A
#7B4C74#7B4A76#7B4977#7B4779#7B467A#7B447C#7B427E
#874F65#874D67#874B69#87496B#87476D#87456F#874272
#945255#944F58#944D5A#944A5D#94485F#944562#944265
#A35642#A35345#A35048#A34C4C#A3494F#A34652#A34256