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 #3B6481 to #3B8164 and to #643B81
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#3B697C#3C677D#3D657E#3E637E#3F617F#415F80#425D81
#3B6D78#3D6979#3F667B#41627C#435F7E#455B7F#485781
#3B7273#3E6D75#416777#45627A#485C7C#4B577E#4F5081
#3B776E#3F7071#436974#476177#4C5A7A#50537D#554A81
#3B7B6A#40726E#466971#4B6075#505779#554E7C#5C4381
#3B8164#427669#486B6D#4F5F72#555477#5C497B#643B81

Colorpallet from #3B6481 to #3B8164 and to #64813B
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#3B697C#3C697B#3D697A#3E6979#3F6978#416977#426976
#3B6D78#3D6D76#3F6D74#416D72#436D70#456D6E#486D6B
#3B7273#3E7270#41726D#457269#487266#4B7263#4F725F
#3B776E#3F776A#437766#477762#4C775D#507759#557754
#3B7B6A#407B65#467B5F#4B7B5A#507B55#557B50#5C7B49
#3B8164#42815D#488157#4F8150#55814A#5C8143#64813B

Colorpallet from #3B6481 to #3B8164 and to #813B64
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#3B697C#3D677C#3F657C#40637C#42617C#445F7C#465D7C
#3B6D78#3F6978#426678#466278#495F78#4D5B78#515778
#3B7273#406D73#466773#4B6273#515C73#565773#5D5073
#3B776E#42706E#49696E#51616E#585A6E#5F536E#684A6E
#3B7B6A#44726A#4D696A#56606A#5F576A#684E6A#73436A
#3B8164#467664#516B64#5D5F64#685464#734964#813B64

Colorpallet from #3B6481 to #3B8164 and to #81643B
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#3B697C#3D687B#3F677A#406779#426678#446577#466476
#3B6D78#3F6C76#426A74#466972#496770#4D666E#51646B
#3B7273#407070#466E6D#4B6B69#516966#566763#5D645F
#3B776E#42746A#497166#516E62#586B5D#5F6859#686454
#3B7B6A#447765#4D745F#56705A#5F6C55#686950#736449
#3B8164#467C5D#517857#5D7350#686E4A#736A43#81643B

Colorpallet from #3B6481 to #643B81 and to #64813B
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#425D81#425F7F#42617D#42637C#42657A#426778#426976
#485781#485B7D#485E7A#486276#486573#48696F#486D6B
#4F5081#4F557C#4F5B76#4F6071#4F666B#4F6B66#4F725F
#554A81#55517A#555873#55606B#556764#556E5D#557754
#5C4381#5C4C78#5C556F#5C5E66#5C675D#5C7054#5C7B49
#643B81#644676#64516B#645D5F#646854#647349#64813B

Colorpallet from #3B6481 to #643B81 and to #813B64
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#425D81#435D80#435D7F#445D7F#455D7E#455D7D#465D7C
#485781#495780#4B577E#4C577D#4E577B#4F577A#515778
#4F5081#51507F#53507D#56507A#585078#5A5076#5D5073
#554A81#584A7E#5B4A7B#5E4A78#614A75#644A72#684A6E
#5C4381#60437D#63437A#674376#6B4372#6E436F#73436A
#643B81#693B7C#6D3B78#723B73#773B6E#7B3B6A#813B64

Colorpallet from #3B6481 to #643B81 and to #81643B
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#425D81#435E7F#435F7D#44607C#45617A#456378#466476
#485781#49597D#4B5B7A#4C5D76#4E5F73#4F616F#51646B
#4F5081#51537C#535676#565A71#585D6B#5A6066#5D645F
#554A81#584E7A#5B5273#5E566B#615B64#645F5D#686454
#5C4381#604878#634E6F#675366#6B585D#6E5D54#736449
#643B81#694276#6D486B#724F5F#775554#7B5C49#81643B

Colorpallet from #3B6481 to #64813B and to #813B64
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#426976#436777#436578#446379#45617A#455F7B#465D7C
#486D6B#49696D#4B666F#4C6271#4E5F73#4F5B75#515778
#4F725F#516D62#536765#566269#585C6C#5A576F#5D5073
#557754#587058#5B695C#5E6160#615A65#645369#684A6E
#5C7B49#60724E#636954#676059#6B575E#6E4E63#73436A
#64813B#697642#6D6B48#725F4F#775455#7B495C#813B64

Colorpallet from #3B6481 to #64813B and to #81643B
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#426976#436876#436776#446776#456676#456576#466476
#486D6B#496C6B#4B6A6B#4C696B#4E676B#4F666B#51646B
#4F725F#51705F#536E5F#566B5F#58695F#5A675F#5D645F
#557754#587454#5B7154#5E6E54#616B54#646854#686454
#5C7B49#607749#637449#677049#6B6C49#6E6949#736449
#64813B#697C3B#6D783B#72733B#776E3B#7B6A3B#81643B

Colorpallet from #3B6481 to #813B64 and to #81643B
#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481#3B6481
#465D7C#465E7B#465F7A#466079#466178#466377#466476
#515778#515976#515B74#515D72#515F70#51616E#51646B
#5D5073#5D5370#5D566D#5D5A69#5D5D66#5D6063#5D645F
#684A6E#684E6A#685266#685662#685B5D#685F59#686454
#73436A#734865#734E5F#73535A#735855#735D50#736449
#813B64#81425D#814857#814F50#81554A#815C43#81643B