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 #3F535B to #3F5B53 and to #533F5B
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#3F545A#3F535A#40535A#40525A#41515B#41515B#42505B
#3F5658#405558#415359#425259#43505A#444F5A#454D5B
#3F5757#415558#425358#445059#454E5A#474C5A#49495B
#3F5856#415557#435258#454F58#474C59#494A5A#4C465B
#3F5955#425556#445257#474E58#494B59#4C475A#4F435B
#3F5B53#425754#455256#494E57#4C4958#4F4559#533F5B

Colorpallet from #3F535B to #3F5B53 and to #535B3F
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#3F545A#3F545A#405459#405459#415458#415458#425457
#3F5658#405657#415656#425655#435654#445653#455652
#3F5757#415756#425754#445753#455751#475750#49574E
#3F5856#415854#435852#455850#47584E#49584C#4C5849
#3F5955#425952#445950#47594D#49594B#4C5948#4F5945
#3F5B53#425B50#455B4D#495B49#4C5B46#4F5B43#535B3F

Colorpallet from #3F535B to #3F5B53 and to #5B3F53
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#3F545A#40535A#40535A#41525A#42515A#42515A#43505A
#3F5658#405558#425358#435258#455058#464F58#484D58
#3F5757#415557#435357#455057#474E57#494C57#4C4957
#3F5856#425556#455256#484F56#4B4C56#4D4A56#514656
#3F5955#435555#465255#4A4E55#4D4B55#514755#554355
#3F5B53#435753#485253#4C4E53#514953#554553#5B3F53

Colorpallet from #3F535B to #3F5B53 and to #5B533F
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#3F545A#40545A#405459#415459#425358#425358#435357
#3F5658#405657#425556#435555#455454#465453#485352
#3F5757#415656#435654#455553#475451#495450#4C534E
#3F5856#425754#455652#485650#4B554E#4D544C#515349
#3F5955#435852#465750#4A564D#4D554B#515448#555345
#3F5B53#435A50#48584D#4C5749#515646#555543#5B533F

Colorpallet from #3F535B to #533F5B and to #535B3F
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#42505B#42515A#42515A#425259#425358#425358#425457
#454D5B#454E5A#455058#455157#455355#455454#455652
#49495B#494B59#494D57#495055#495253#495451#49574E
#4C465B#4C4958#4C4C55#4C4F52#4C524F#4C544D#4C5849
#4F435B#4F4757#4F4A54#4F4E50#4F514D#4F5549#4F5945
#533F5B#534357#534852#534C4E#535149#535545#535B3F

Colorpallet from #3F535B to #533F5B and to #5B3F53
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#42505B#42505B#42505B#42505B#43505A#43505A#43505A
#454D5B#454D5B#464D5A#464D5A#474D59#474D59#484D58
#49495B#49495A#4A495A#4A4959#4B4958#4B4958#4C4957
#4C465B#4D465A#4E4659#4E4659#4F4658#504657#514656
#4F435B#50435A#514359#524358#534357#544356#554355
#533F5B#543F5A#563F58#573F57#583F56#593F55#5B3F53

Colorpallet from #3F535B to #533F5B and to #5B533F
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#42505B#42505A#42515A#425159#435258#435258#435357
#454D5B#454E5A#464F58#465057#475155#475254#485352
#49495B#494B59#4A4C57#4A4E55#4B4F53#4B5151#4C534E
#4C465B#4D4858#4E4A55#4E4C52#4F4E4F#50504D#515349
#4F435B#504657#514854#524B50#534D4D#545049#555345
#533F5B#544257#564552#57494E#584C49#594F45#5B533F

Colorpallet from #3F535B to #535B3F and to #5B3F53
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#425457#425357#425358#425258#435159#435159#43505A
#455652#455553#465354#465255#475056#474F57#484D58
#49574E#49554F#4A5351#4A5052#4B4E54#4B4C55#4C4957
#4C5849#4D554B#4E524D#4E4F4F#4F4C51#504A53#514656
#4F5945#505548#51524A#524E4D#534B4F#544752#554355
#535B3F#545742#565245#574E49#58494C#59454F#5B3F53

Colorpallet from #3F535B to #535B3F and to #5B533F
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#425457#425457#425457#425457#435357#435357#435357
#455652#455652#465552#465552#475452#475452#485352
#49574E#49564E#4A564E#4A554E#4B544E#4B544E#4C534E
#4C5849#4D5749#4E5649#4E5649#4F5549#505449#515349
#4F5945#505845#515745#525645#535545#545445#555345
#535B3F#545A3F#56583F#57573F#58563F#59553F#5B533F

Colorpallet from #3F535B to #5B3F53 and to #5B533F
#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B#3F535B
#43505A#43505A#435159#435159#435258#435258#435357
#484D58#484E57#484F56#485055#485154#485253#485352
#4C4957#4C4B56#4C4C54#4C4E53#4C4F51#4C5150#4C534E
#514656#514854#514A52#514C50#514E4E#51504C#515349
#554355#554652#554850#554B4D#554D4B#555048#555345
#5B3F53#5B4250#5B454D#5B4949#5B4C46#5B4F43#5B533F