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 #3061A6 to #30A661 and to #6130A6
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#306C9B#31699D#33669F#3463A0#3560A2#365DA4#3859A6
#307790#337194#356B97#38659B#3A5F9E#3D59A2#4051A6
#308285#34798A#387090#3C6795#3F5E9A#43549F#4849A6
#308D7A#358181#3A7588#3F698F#445D96#49519D#4F42A6
#30986F#368978#3C7A81#436B89#495C92#4F4D9B#573AA6
#30A661#38936C#408077#486D82#4F5A8D#574898#6130A6

Colorpallet from #3061A6 to #30A661 and to #61A630
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#306C9B#316C9A#336C98#346C97#356C96#366C95#386C93
#307790#33778D#35778B#387788#3A7786#3D7783#407780
#308285#348281#38827D#3C8279#3F8276#438272#48826D
#308D7A#358D75#3A8D70#3F8D6B#448D66#498D60#4F8D5A
#30986F#369869#3C9863#43985C#499856#4F9850#579848
#30A661#38A659#40A651#48A649#4FA642#57A63A#61A630

Colorpallet from #3061A6 to #30A661 and to #A63061
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#306C9B#33699B#36669B#39639B#3C609B#3F5D9B#43599B
#307790#367190#3C6B90#426590#485F90#4E5990#565190
#308285#397985#427085#4B6785#545E85#5E5485#694985
#308D7A#3C817A#48757A#54697A#615D7A#6D517A#7C427A
#30986F#3F896F#4E7A6F#5D6B6F#6C5C6F#7B4D6F#8E3A6F
#30A661#439361#568061#696D61#7C5A61#8E4861#A63061

Colorpallet from #3061A6 to #30A661 and to #A66130
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#306C9B#336A9A#366898#396797#3C6596#3F6395#436193
#307790#36738D#3C708B#426C88#486986#4E6583#566180
#308285#397D81#42777D#4B7279#546D76#5E6872#69616D
#308D7A#3C8675#487F70#54786B#617166#6D6A60#7C615A
#30986F#3F8F69#4E8663#5D7E5C#6C7556#7B6C50#8E6148
#30A661#439B59#569051#698549#7C7A42#8E6F3A#A66130

Colorpallet from #3061A6 to #6130A6 and to #61A630
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#3859A6#385CA3#385FA0#38629D#38659A#386897#386C93
#4051A6#4057A0#405D9A#406394#40698E#406F88#407780
#4849A6#48529D#485B94#48648B#486D82#487778#48826D
#4F42A6#4F4E9A#4F5A8E#4F6682#4F7275#4F7E69#4F8D5A
#573AA6#574997#575888#576779#57766A#57855B#579848
#6130A6#614393#615680#61696D#617C5A#618E48#61A630

Colorpallet from #3061A6 to #6130A6 and to #A63061
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#3859A6#3A59A4#3C59A2#3D59A1#3F599F#41599D#43599B
#4051A6#4451A2#47519F#4B519B#4E5198#525194#565190
#4849A6#4D49A1#53499B#584996#5D4991#62498C#694985
#4F42A6#56429F#5D4298#654291#6C428A#734283#7C427A
#573AA6#603A9D#693A94#713A8C#7A3A83#833A7A#8E3A6F
#6130A6#6C309B#773090#823085#8D307A#98306F#A63061

Colorpallet from #3061A6 to #6130A6 and to #A66130
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#3859A6#3A5AA3#3C5CA0#3D5D9D#3F5E9A#415F97#436193
#4051A6#4454A0#47569A#4B5994#4E5B8E#525E88#566180
#4849A6#4D4D9D#535194#58558B#5D5882#625C78#69616D
#4F42A6#56479A#5D4C8E#655182#6C5675#735B69#7C615A
#573AA6#604097#694688#714D79#7A536A#83595B#8E6148
#6130A6#6C3893#774080#82486D#8D4F5A#985748#A66130

Colorpallet from #3061A6 to #61A630 and to #A63061
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#386C93#3A6994#3C6696#3D6397#3F6098#415D99#43599B
#407780#447183#476B85#4B6588#4E5F8A#52598D#565190
#48826D#4D7971#537075#586779#5D5E7C#625480#694985
#4F8D5A#56815F#5D7564#656969#6C5D6E#735174#7C427A
#579848#60894E#697A54#716B5B#7A5C61#834D67#8E3A6F
#61A630#6C9338#778040#826D48#8D5A4F#984857#A63061

Colorpallet from #3061A6 to #61A630 and to #A66130
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#386C93#3A6A93#3C6893#3D6793#3F6593#416393#436193
#407780#447380#477080#4B6C80#4E6980#526580#566180
#48826D#4D7D6D#53776D#58726D#5D6D6D#62686D#69616D
#4F8D5A#56865A#5D7F5A#65785A#6C715A#736A5A#7C615A
#579848#608F48#698648#717E48#7A7548#836C48#8E6148
#61A630#6C9B30#779030#828530#8D7A30#986F30#A66130

Colorpallet from #3061A6 to #A63061 and to #A66130
#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6#3061A6
#43599B#435A9A#435C98#435D97#435E96#435F95#436193
#565190#56548D#56568B#565988#565B86#565E83#566180
#694985#694D81#69517D#695579#695876#695C72#69616D
#7C427A#7C4775#7C4C70#7C516B#7C5666#7C5B60#7C615A
#8E3A6F#8E4069#8E4663#8E4D5C#8E5356#8E5950#8E6148
#A63061#A63859#A64051#A64849#A64F42#A6573A#A66130