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 #303B82 to #30823B and to #3B3082
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#304677#304479#31427B#31407C#313E7E#323C80#323982
#30526B#314E6F#314972#324576#33417A#333C7D#343782
#305D60#315765#32516B#324A70#334476#343E7B#353682
#306855#31605C#325763#334F6B#344772#363E79#373482
#307449#316952#335F5B#345464#364A6D#373F77#393282
#30823B#327546#346852#355B5D#374E68#394074#3B3082

Colorpallet from #303B82 to #30823B and to #3B8230
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#304677#304677#314676#314676#314676#324675#324675
#30526B#31526B#31526A#32526A#335269#335269#345268
#305D60#315D5F#325D5E#325D5E#335D5D#345D5C#355D5B
#306855#316854#326853#336852#346851#36684F#37684E
#307449#317448#337446#347445#367443#377442#397440
#30823B#328239#348237#358236#378234#398232#3B8230

Colorpallet from #303B82 to #30823B and to #82303B
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#304677#324477#344277#364077#383E77#3A3C77#3D3977
#30526B#344E6B#38496B#3C456B#41416B#453C6B#4A376B
#305D60#365760#3C5160#434A60#494460#4F3E60#573660
#306855#386055#415755#494F55#514755#5A3E55#643455
#307449#3B6949#455F49#505449#5A4A49#653F49#723249
#30823B#3D753B#4A683B#575B3B#644E3B#72403B#82303B

Colorpallet from #303B82 to #30823B and to #823B30
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#304677#324477#344276#364176#383F76#3A3D75#3D3B75
#30526B#344E6B#384B6A#3C476A#414369#454069#4A3B68
#305D60#36585F#3C525E#434D5E#49475D#4F425C#573B5B
#306855#386154#415A53#495252#514B51#5A444F#643B4E
#307449#3B6B48#456246#505945#5A5043#654642#723B40
#30823B#3D7739#4A6B37#576036#645534#724932#823B30

Colorpallet from #303B82 to #3B3082 and to #3B8230
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#323982#323B80#323D7E#323F7C#32417A#324378#324675
#343782#343B7E#34407A#344476#344871#344D6D#345268
#353682#353C7C#354276#35496F#354F69#355563#355D5B
#373482#373C7A#374571#374D69#375561#375E58#37684E
#393282#393D77#39476D#395262#395C58#39674D#397440
#3B3082#3B3D75#3B4A68#3B575B#3B644E#3B7240#3B8230

Colorpallet from #303B82 to #3B3082 and to #82303B
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#323982#343980#36397E#37397D#39397B#3B3979#3D3977
#343782#38377E#3B377B#3F3777#423773#463770#4A376B
#353682#3A367D#403677#453672#4B366C#503667#573660
#373482#3E347B#453474#4D346C#543465#5B345E#643455
#393282#423279#4B3270#543267#5D325E#673254#723249
#3B3082#463077#52306B#5D3060#683055#743049#82303B

Colorpallet from #303B82 to #3B3082 and to #823B30
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#323982#343980#363A7E#373A7C#393A7A#3B3B78#3D3B75
#343782#38387E#3B387A#3F3976#423A71#463A6D#4A3B68
#353682#3A377C#403876#45386F#4B3969#503A63#573B5B
#373482#3E357A#453671#4D3769#543861#5B3A58#643B4E
#393282#423377#4B356D#543662#5D3858#67394D#723B40
#3B3082#463275#523468#5D355B#68374E#743940#823B30

Colorpallet from #303B82 to #3B8230 and to #82303B
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#324675#344475#364276#374076#393E76#3B3C77#3D3977
#345268#384E68#3B4969#3F4569#42416A#463C6A#4A376B
#355D5B#3A575C#40515D#454A5D#4B445E#503E5F#573660
#37684E#3E604F#455750#4D4F51#544752#5B3E54#643455
#397440#426941#4B5F43#545444#5D4A46#673F47#723249
#3B8230#467532#526834#5D5B35#684E37#744039#82303B

Colorpallet from #303B82 to #3B8230 and to #823B30
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#324675#344475#364275#374175#393F75#3B3D75#3D3B75
#345268#384E68#3B4B68#3F4768#424368#464068#4A3B68
#355D5B#3A585B#40525B#454D5B#4B475B#50425B#573B5B
#37684E#3E614E#455A4E#4D524E#544B4E#5B444E#643B4E
#397440#426B40#4B6240#545940#5D5040#674640#723B40
#3B8230#467730#526B30#5D6030#685530#744930#823B30

Colorpallet from #303B82 to #82303B and to #823B30
#303B82#303B82#303B82#303B82#303B82#303B82#303B82
#3D3977#3D3977#3D3A76#3D3A76#3D3A76#3D3B75#3D3B75
#4A376B#4A386B#4A386A#4A396A#4A3A69#4A3A69#4A3B68
#573660#57375F#57385E#57385E#57395D#573A5C#573B5B
#643455#643554#643653#643752#643851#643A4F#643B4E
#723249#723348#723546#723645#723843#723942#723B40
#82303B#823239#823437#823536#823734#823932#823B30