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 #304D82 to #30824D and to #4D3082
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#30557A#31537B#32517D#324F7E#334D7F#344B80#354882
#305E71#315A74#335676#345279#364D7C#37497F#394482
#306669#32606D#345A71#375375#394D79#3B477D#3E3F82
#306F60#336765#365E6B#395670#3C4D76#3F457B#433A82
#307758#346D5F#376265#3B586C#3F4D73#42437A#473682
#30824D#357555#39685E#3E5B66#434E6F#474077#4D3082

Colorpallet from #304D82 to #30824D and to #4D8230
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#30557A#315579#325578#325578#335577#345576#355575
#305E71#315E70#335E6E#345E6D#365E6B#375E6A#395E68
#306669#326667#346665#376662#396660#3B665E#3E665B
#306F60#336F5D#366F5A#396F57#3C6F54#3F6F52#436F4E
#307758#347754#377750#3B774C#3F7749#427745#477740
#30824D#358248#398244#3E823F#43823A#478236#4D8230

Colorpallet from #304D82 to #30824D and to #82304D
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#30557A#32537A#34517A#364F7A#384D7A#3A4B7A#3D487A
#305E71#345A71#385671#3C5271#414D71#454971#4A4471
#306669#366069#3C5A69#435369#494D69#4F4769#573F69
#306F60#386760#415E60#495660#514D60#5A4560#643A60
#307758#3B6D58#456258#505858#5A4D58#654358#723658
#30824D#3D754D#4A684D#575B4D#644E4D#72404D#82304D

Colorpallet from #304D82 to #30824D and to #824D30
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#30557A#325479#345278#365178#385077#3A4F76#3D4D75
#305E71#345B70#38596E#3C566D#41536B#45506A#4A4D68
#306669#366267#3C5E65#435A62#495660#4F525E#574D5B
#306F60#386A5D#41645A#495F57#515954#5A5452#644D4E
#307758#3B7054#456A50#50634C#5A5C49#655545#724D40
#30824D#3D7A48#4A7144#57693F#64603A#725836#824D30

Colorpallet from #304D82 to #4D3082 and to #4D8230
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#354882#354A80#354C7E#354E7C#35507A#355278#355575
#394482#39487E#394C7A#395076#395571#39596D#395E68
#3E3F82#3E457C#3E4B76#3E526F#3E5869#3E5E63#3E665B
#433A82#43427A#434B71#435369#435C61#436458#436F4E
#473682#474077#474B6D#475562#476058#476A4D#477740
#4D3082#4D3D75#4D4A68#4D575B#4D644E#4D7240#4D8230

Colorpallet from #304D82 to #4D3082 and to #82304D
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#354882#364881#38487F#39487E#3A487D#3B487C#3D487A
#394482#3C447F#3E447D#41447A#444477#474474#4A4471
#3E3F82#423F7E#463F7A#4A3F76#4E3F72#523F6E#573F69
#433A82#483A7D#4E3A77#533A72#583A6C#5D3A67#643A60
#473682#4E367B#553675#5C366E#633667#693660#723658
#4D3082#55307A#5E3071#663069#6F3060#773058#82304D

Colorpallet from #304D82 to #4D3082 and to #824D30
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#354882#364980#384A7E#394A7C#3A4B7A#3B4C78#3D4D75
#394482#3C457E#3E477A#414876#444A71#474B6D#4A4D68
#3E3F82#42417C#464376#4A466F#4E4869#524A63#574D5B
#433A82#483D7A#4E4071#534369#584661#5D4958#644D4E
#473682#4E3A77#553D6D#5C4162#634558#69484D#724D40
#4D3082#553575#5E3968#663E5B#6F434E#774740#824D30

Colorpallet from #304D82 to #4D8230 and to #82304D
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#355575#365376#385177#394F77#3A4D78#3B4B79#3D487A
#395E68#3C5A69#3E566B#41526C#444D6E#47496F#4A4471
#3E665B#42605D#465A5F#4A5362#4E4D64#524766#573F69
#436F4E#486751#4E5E54#535657#584D5A#5D455C#643A60
#477740#4E6D44#556248#5C584C#634D4F#694353#723658
#4D8230#557535#5E6839#665B3E#6F4E43#774047#82304D

Colorpallet from #304D82 to #4D8230 and to #824D30
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#355575#365475#385275#395175#3A5075#3B4F75#3D4D75
#395E68#3C5B68#3E5968#415668#445368#475068#4A4D68
#3E665B#42625B#465E5B#4A5A5B#4E565B#52525B#574D5B
#436F4E#486A4E#4E644E#535F4E#58594E#5D544E#644D4E
#477740#4E7040#556A40#5C6340#635C40#695540#724D40
#4D8230#557A30#5E7130#666930#6F6030#775830#824D30

Colorpallet from #304D82 to #82304D and to #824D30
#304D82#304D82#304D82#304D82#304D82#304D82#304D82
#3D487A#3D4979#3D4A78#3D4A78#3D4B77#3D4C76#3D4D75
#4A4471#4A4570#4A476E#4A486D#4A4A6B#4A4B6A#4A4D68
#573F69#574167#574365#574662#574860#574A5E#574D5B
#643A60#643D5D#64405A#644357#644654#644952#644D4E
#723658#723A54#723D50#72414C#724549#724845#724D40
#82304D#823548#823944#823E3F#82433A#824736#824D30