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 #3B6856 to #3B5668 and to #683B56
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#3B6559#3C6459#3D6458#3E6358#3F6257#416257#426156
#3B625C#3D615B#3F5F5A#425E59#445D58#465C57#495A56
#3B5F5F#3F5D5E#425B5C#46595B#495759#4D5558#515256
#3B5C62#405960#44575E#49545C#4E515A#524E58#584B56
#3B5A64#415662#475360#4C4F5D#524C5B#584859#5F4456
#3B5668#425265#494D62#51495F#58455C#5F405A#683B56

Colorpallet from #3B6856 to #3B5668 and to #68563B
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#3B6559#3C6558#3D6557#3E6556#3F6555#416553#426552
#3B625C#3D625A#3F6257#426255#446252#466250#49624D
#3B5F5F#3F5F5B#425F58#465F54#495F51#4D5F4D#515F49
#3B5C62#405C5D#445C59#495C54#4E5C4F#525C4B#585C45
#3B5A64#415A5E#475A58#4C5A53#525A4D#585A47#5F5A40
#3B5668#425661#49565A#515652#58564B#5F5644#68563B

Colorpallet from #3B6856 to #3B5668 and to #563B68
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#3B6559#3C6459#3C6459#3D6359#3E6259#3E6259#3F6159
#3B625C#3C615C#3E5F5C#3F5E5C#415D5C#425C5C#445A5C
#3B5F5F#3D5D5F#3F5B5F#41595F#43575F#45555F#48525F
#3B5C62#3E5962#405762#435462#465162#494E62#4C4B62
#3B5A64#3F5664#425364#464F64#494C64#4D4864#514464
#3B5668#3F5268#444D68#484968#4C4568#514068#563B68

Colorpallet from #3B6856 to #3B5668 and to #56683B
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#3B6559#3C6558#3C6657#3D6656#3E6755#3E6753#3F6852
#3B625C#3C635A#3E6457#3F6555#416652#426750#44684D
#3B5F5F#3D605B#3F6258#416354#436551#45664D#486849
#3B5C62#3E5E5D#406059#436254#46644F#49664B#4C6845
#3B5A64#3F5C5E#425E58#466153#49634D#4D6547#516840
#3B5668#3F5961#445C5A#485F52#4C624B#516444#56683B

Colorpallet from #3B6856 to #683B56 and to #68563B
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#426156#426255#426255#426354#426453#426453#426552
#495A56#495B55#495D53#495E52#495F50#49604F#49624D
#515256#515454#515652#515850#515A4E#515C4C#515F49
#584B56#584E53#585051#58534E#58564B#585948#585C45
#5F4456#5F4852#5F4B4F#5F4F4B#5F5248#5F5644#5F5A40
#683B56#683F52#68444D#684849#684C45#685140#68563B

Colorpallet from #3B6856 to #683B56 and to #563B68
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#426156#426156#416157#416157#406158#406158#3F6159
#495A56#485A57#475A58#475A59#465A5A#455A5B#445A5C
#515256#505257#4E5259#4D525A#4B525C#4A525D#48525F
#584B56#564B58#544B5A#524B5C#504B5E#4E4B60#4C4B62
#5F4456#5D4458#5B445A#58445D#56445F#544461#514464
#683B56#653B59#623B5C#5F3B5F#5C3B62#5A3B64#563B68

Colorpallet from #3B6856 to #683B56 and to #56683B
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#426156#426255#416355#416454#406553#406753#3F6852
#495A56#485C55#475E53#476152#466350#45654F#44684D
#515256#505654#4E5952#4D5D50#4B604E#4A644C#486849
#584B56#565053#545451#52594E#505E4B#4E6248#4C6845
#5F4456#5D4A52#5B504F#58554B#565B48#546144#516840
#683B56#654252#62494D#5F5149#5C5845#5A5F40#56683B

Colorpallet from #3B6856 to #68563B and to #563B68
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#426552#426453#416454#416355#406256#406258#3F6159
#49624D#48614F#475F52#475E54#465D57#455C59#445A5C
#515F49#505D4D#4E5B50#4D5954#4B5757#4A555B#48525F
#585C45#56594A#54574E#525453#505158#4E4E5C#4C4B62
#5F5A40#5D5646#5B534C#584F51#564C57#54485D#514464
#68563B#655242#624D49#5F4951#5C4558#5A405F#563B68

Colorpallet from #3B6856 to #68563B and to #56683B
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#426552#426552#416652#416652#406752#406752#3F6852
#49624D#48634D#47644D#47654D#46664D#45674D#44684D
#515F49#506049#4E6249#4D6349#4B6549#4A6649#486849
#585C45#565E45#546045#526245#506445#4E6645#4C6845
#5F5A40#5D5C40#5B5E40#586140#566340#546540#516840
#68563B#65593B#625C3B#5F5F3B#5C623B#5A643B#56683B

Colorpallet from #3B6856 to #563B68 and to #56683B
#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856#3B6856
#3F6159#3F6258#3F6357#3F6456#3F6555#3F6753#3F6852
#445A5C#445C5A#445E57#446155#446352#446550#44684D
#48525F#48565B#485958#485D54#486051#48644D#486849
#4C4B62#4C505D#4C5459#4C5954#4C5E4F#4C624B#4C6845
#514464#514A5E#515058#515553#515B4D#516147#516840
#563B68#564261#56495A#565152#56584B#565F44#56683B