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 #0F3B82 to #0F823B and to #3B0F82
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#0F4677#104379#11407B#123D7C#133A7E#153880#163482
#0F526B#114C6F#134672#164076#183A7A#1A347D#1D2D82
#0F5D60#125465#164B6B#194370#1C3A76#20317B#242682
#0F6855#135C5C#185163#1C456B#213972#252E79#2B1F82
#0F7449#156552#1A575B#204864#25396D#2B2A77#321882
#0F823B#167046#1D5D52#244B5D#2B3868#322674#3B0F82

Colorpallet from #0F3B82 to #0F823B and to #3B820F
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#0F4677#104676#114675#124674#134673#154671#164670
#0F526B#115269#135267#165264#185262#1A5260#1D525D
#0F5D60#125D5D#165D59#195D56#1C5D53#205D4F#245D4B
#0F6855#136850#18684C#1C6847#216842#25683E#2B6838
#0F7449#157443#1A743E#207438#257433#2B742D#327426
#0F823B#168234#1D822D#248226#2B821F#328218#3B820F

Colorpallet from #0F3B82 to #0F823B and to #820F3B
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#0F4677#124377#154077#183D77#1B3A77#1D3877#213477
#0F526B#154C6B#1B466B#21406B#273A6B#2D346B#342D6B
#0F5D60#185460#214B60#294360#323A60#3B3160#462660
#0F6855#1B5C55#275155#334555#3E3955#4A2E55#591F55
#0F7449#1E6549#2C5749#3B4849#4A3949#592A49#6B1849
#0F823B#21703B#345D3B#464B3B#59383B#6B263B#820F3B

Colorpallet from #0F3B82 to #0F823B and to #823B0F
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#0F4677#124476#154275#184174#1B3F73#1D3D71#213B70
#0F526B#154E69#1B4B67#214764#274362#2D4060#343B5D
#0F5D60#18585D#215259#294D56#324753#3B424F#463B4B
#0F6855#1B6150#275A4C#335247#3E4B42#4A443E#593B38
#0F7449#1E6B43#2C623E#3B5938#4A5033#59462D#6B3B26
#0F823B#217734#346B2D#466026#59551F#6B4918#823B0F

Colorpallet from #0F3B82 to #3B0F82 and to #3B820F
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#163482#16377F#163A7C#163D79#164076#164274#164670
#1D2D82#1D337C#1D3976#1D3F70#1D456A#1D4B64#1D525D
#242682#242F79#243870#244068#24495F#245256#245D4B
#2B1F82#2B2B76#2B366A#2B425E#2B4E53#2B5947#2B6838
#321882#322773#323565#324456#325347#326238#327426
#3B0F82#3B2170#3B345D#3B464B#3B5938#3B6B26#3B820F

Colorpallet from #0F3B82 to #3B0F82 and to #820F3B
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#163482#183480#1A347E#1B347D#1D347B#1F3479#213477
#1D2D82#212D7E#242D7B#282D77#2C2D73#2F2D70#342D6B
#242682#29267D#2F2677#342672#3A266C#3F2667#462660
#2B1F82#321F7B#3A1F74#411F6C#481F65#501F5E#591F55
#321882#3B1879#441870#4D1867#56185E#601854#6B1849
#3B0F82#460F77#520F6B#5D0F60#680F55#740F49#820F3B

Colorpallet from #0F3B82 to #3B0F82 and to #823B0F
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#163482#18357F#1A367C#1B3779#1D3876#1F3A74#213B70
#1D2D82#212F7C#243176#283470#2C366A#2F3864#343B5D
#242682#292979#2F2D70#343068#3A335F#3F3756#463B4B
#2B1F82#322376#3A286A#412C5E#483153#503547#593B38
#321882#3B1E73#442365#4D2956#562E47#603438#6B3B26
#3B0F82#461670#521D5D#5D244B#682B38#743226#823B0F

Colorpallet from #0F3B82 to #3B820F and to #820F3B
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#164670#184371#1A4072#1B3D73#1D3A74#1F3876#213477
#1D525D#214C5F#244661#284064#2C3A66#2F3468#342D6B
#245D4B#29544E#2F4B52#344355#3A3A58#3F315C#462660
#2B6838#325C3D#3A5141#414546#48394B#502E4F#591F55
#327426#3B652C#445731#4D4837#56393C#602A42#6B1849
#3B820F#467016#525D1D#5D4B24#68382B#742632#820F3B

Colorpallet from #0F3B82 to #3B820F and to #823B0F
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#164670#184470#1A4270#1B4170#1D3F70#1F3D70#213B70
#1D525D#214E5D#244B5D#28475D#2C435D#2F405D#343B5D
#245D4B#29584B#2F524B#344D4B#3A474B#3F424B#463B4B
#2B6838#326138#3A5A38#415238#484B38#504438#593B38
#327426#3B6B26#446226#4D5926#565026#604626#6B3B26
#3B820F#46770F#526B0F#5D600F#68550F#74490F#823B0F

Colorpallet from #0F3B82 to #820F3B and to #823B0F
#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82#0F3B82
#213477#213576#213675#213774#213873#213A71#213B70
#342D6B#342F69#343167#343464#343662#343860#343B5D
#462660#46295D#462D59#463056#463353#46374F#463B4B
#591F55#592350#59284C#592C47#593142#59353E#593B38
#6B1849#6B1E43#6B233E#6B2938#6B2E33#6B342D#6B3B26
#820F3B#821634#821D2D#822426#822B1F#823218#823B0F