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 #3D56B1 to #3DB156 and to #563DB1
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#3D65A2#3E62A4#3E5FA7#3F5CA9#4059AC#4056AE#4152B1
#3D7394#3E6D99#40679D#4161A2#425BA7#4355AB#454EB1
#3D8285#3F798C#417093#43679A#455EA1#4755A8#494AB1
#3D9077#408480#42788A#456C93#47619C#4A55A5#4D46B1
#3D9F68#409074#43817F#47728B#4A6397#4D55A2#5142B1
#3DB156#419E65#458C73#497982#4D6790#51549F#563DB1

Colorpallet from #3D56B1 to #3DB156 and to #56B13D
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#3D65A2#3E65A1#3E65A1#3F65A0#40659F#40659F#41659E
#3D7394#3E7393#407391#417390#42738F#43738E#45738C
#3D8285#3F8283#418281#43827F#45827D#47827B#498279
#3D9077#409074#429072#45906F#47906D#4A906A#4D9067
#3D9F68#409F65#439F62#479F5E#4A9F5B#4D9F58#519F54
#3DB156#41B152#45B14E#49B14A#4DB146#51B142#56B13D

Colorpallet from #3D56B1 to #3DB156 and to #B13D56
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#3D65A2#4062A2#435FA2#465CA2#4959A2#4C56A2#5052A2
#3D7394#436D94#496794#4F6194#555B94#5B5594#624E94
#3D8285#467985#4F7085#586785#615E85#6A5585#754A85
#3D9077#498477#557877#616C77#6C6177#785577#874677
#3D9F68#4C9068#5B8168#6A7268#796368#875568#9A4268
#3DB156#509E56#628C56#757956#876756#9A5456#B13D56

Colorpallet from #3D56B1 to #3DB156 and to #B1563D
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#3D65A2#4063A1#4360A1#465EA0#495B9F#4C599F#50569E
#3D7394#436E93#496A91#4F6590#55608F#5B5C8E#62568C
#3D8285#467B83#4F7481#586D7F#61667D#6A5F7B#755679
#3D9077#498774#557D72#61746F#6C6B6D#78626A#875667
#3D9F68#4C9365#5B8862#6A7C5E#79705B#876558#9A5654
#3DB156#50A252#62944E#75854A#877746#9A6842#B1563D

Colorpallet from #3D56B1 to #563DB1 and to #56B13D
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#4152B1#4155AE#4158AB#415BA8#415EA5#4161A2#41659E
#454EB1#4554AB#455AA5#45609F#456699#456C93#45738C
#494AB1#4953A8#495C9F#496596#496E8D#497784#498279
#4D46B1#4D52A5#4D5E99#4D6A8D#4D7582#4D8176#4D9067
#5142B1#5151A2#516093#516F84#517E75#518C67#519F54
#563DB1#56509E#56628C#567579#568767#569A54#56B13D

Colorpallet from #3D56B1 to #563DB1 and to #B13D56
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#4152B1#4352AF#4652AC#4852AA#4B52A7#4D52A5#5052A2
#454EB1#4A4EAC#4E4EA8#534EA3#584E9E#5C4E9A#624E94
#494AB1#504AAA#574AA3#5E4A9C#654A95#6C4A8E#754A85
#4D46B1#5646A8#60469E#694695#72468C#7B4683#874677
#5142B1#5D42A5#68429A#74428E#804282#8B4277#9A4268
#563DB1#653DA2#733D94#823D85#903D77#9F3D68#B13D56

Colorpallet from #3D56B1 to #563DB1 and to #B1563D
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#4152B1#4353AE#4653AB#4854A8#4B55A5#4D55A2#50569E
#454EB1#4A4FAB#4E51A5#53529F#585399#5C5493#62568C
#494AB1#504CA8#574E9F#5E5096#65528D#6C5484#755679
#4D46B1#5649A5#604B99#694E8D#725082#7B5376#875667
#5142B1#5D45A2#684893#744C84#804F75#8B5267#9A5654
#563DB1#65419E#73458C#824979#904D67#9F5154#B1563D

Colorpallet from #3D56B1 to #56B13D and to #B13D56
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#41659E#43629F#465F9F#485CA0#4B59A1#4D56A1#5052A2
#45738C#4A6D8D#4E678F#536190#585B91#5C5592#624E94
#498279#50797B#57707D#5E677F#655E81#6C5583#754A85
#4D9067#56846A#60786C#696C6F#726171#7B5574#874677
#519F54#5D9057#68815A#74725E#806361#8B5564#9A4268
#56B13D#659E41#738C45#827949#90674D#9F5451#B13D56

Colorpallet from #3D56B1 to #56B13D and to #B1563D
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#41659E#43639E#46609E#485E9E#4B5B9E#4D599E#50569E
#45738C#4A6E8C#4E6A8C#53658C#58608C#5C5C8C#62568C
#498279#507B79#577479#5E6D79#656679#6C5F79#755679
#4D9067#568767#607D67#697467#726B67#7B6267#875667
#519F54#5D9354#688854#747C54#807054#8B6554#9A5654
#56B13D#65A23D#73943D#82853D#90773D#9F683D#B1563D

Colorpallet from #3D56B1 to #B13D56 and to #B1563D
#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1#3D56B1
#5052A2#5053A1#5053A1#5054A0#50559F#50559F#50569E
#624E94#624F93#625191#625290#62538F#62548E#62568C
#754A85#754C83#754E81#75507F#75527D#75547B#755679
#874677#874974#874B72#874E6F#87506D#87536A#875667
#9A4268#9A4565#9A4862#9A4C5E#9A4F5B#9A5258#9A5654
#B13D56#B14152#B1454E#B1494A#B14D46#B15142#B1563D