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 #3F5EA6 to #3FA65E and to #5E3FA6
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#3F6A9A#40679C#41659E#4162A0#425FA2#435CA4#4459A6
#3F758F#417093#426A96#44659A#45609E#475BA1#4954A6
#3F8183#417989#44718E#466994#496199#4B599F#4E4FA6
#3F8C78#42817F#457787#496C8E#4C6295#4F579D#534AA6
#3F986C#438B75#477D7F#4B7088#4F6391#53569A#5845A6
#3FA65E#44966A#498575#4E7581#53648C#585498#5E3FA6

Colorpallet from #3F5EA6 to #3FA65E and to #5EA63F
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#3F6A9A#406A99#416A99#416A98#426A97#436A97#446A96
#3F758F#41758D#42758C#44758A#457589#477587#497585
#3F8183#418181#44817F#46817C#49817A#4B8178#4E8175
#3F8C78#428C75#458C72#498C6E#4C8C6B#4F8C68#538C64
#3F986C#439868#479864#4B9860#4F985D#539859#589854
#3FA65E#44A659#49A654#4EA64F#53A64A#58A645#5EA63F

Colorpallet from #3F5EA6 to #3FA65E and to #A63F5E
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#3F6A9A#42679A#44659A#47629A#495F9A#4C5C9A#4F599A
#3F758F#44708F#4A6A8F#4F658F#54608F#595B8F#60548F
#3F8183#477983#4F7183#576983#5E6183#665983#704F83
#3F8C78#4A8178#547778#5F6C78#696278#745778#814A78
#3F986C#4C8B6C#597D6C#66706C#73636C#81566C#91456C
#3FA65E#4F965E#60855E#70755E#81645E#91545E#A63F5E

Colorpallet from #3F5EA6 to #3FA65E and to #A65E3F
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#3F6A9A#426899#446699#476498#496297#4C6097#4F5E96
#3F758F#44718D#4A6E8C#4F6A8A#546689#596387#605E85
#3F8183#477B81#4F767F#57707C#5E6B7A#666578#705E75
#3F8C78#4A8575#547D72#5F766E#696F6B#746768#815E64
#3F986C#4C8F68#598564#667C60#73735D#816A59#915E54
#3FA65E#4F9A59#608F54#70834F#81784A#916C45#A65E3F

Colorpallet from #3F5EA6 to #5E3FA6 and to #5EA63F
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#4459A6#445CA3#445EA1#44619E#44649C#446799#446A96
#4954A6#4959A1#495F9B#496496#496991#496E8C#497585
#4E4FA6#4E579E#4E5F96#4E678E#4E6F87#4E777F#4E8175
#534AA6#53559B#535F91#536A86#53747C#537F71#538C64
#5845A6#585299#58608C#586D7F#587A72#588764#589854
#5E3FA6#5E4F96#5E6085#5E7075#5E8164#5E9154#5EA63F

Colorpallet from #3F5EA6 to #5E3FA6 and to #A63F5E
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#4459A6#4659A4#4859A2#4959A0#4B599E#4D599C#4F599A
#4954A6#4D54A2#50549F#54549B#585497#5B5494#60548F
#4E4FA6#534FA0#594F9B#5E4F95#644F90#694F8A#704F83
#534AA6#5A4A9F#624A97#694A90#704A89#784A81#814A78
#5845A6#61459D#6A4593#73458A#7C4581#864578#91456C
#5E3FA6#6A3F9A#753F8F#813F83#8C3F78#983F6C#A63F5E

Colorpallet from #3F5EA6 to #5E3FA6 and to #A65E3F
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#4459A6#465AA3#485BA1#495B9E#4B5C9C#4D5D99#4F5E96
#4954A6#4D56A1#50579B#545996#585A91#5B5C8C#605E85
#4E4FA6#53519E#595496#5E568E#645987#695B7F#705E75
#534AA6#5A4D9B#625091#695486#70577C#785A71#815E64
#5845A6#614999#6A4D8C#73517F#7C5572#865964#915E54
#5E3FA6#6A4496#754985#814E75#8C5364#985854#A65E3F

Colorpallet from #3F5EA6 to #5EA63F and to #A63F5E
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#446A96#466797#486597#496298#4B5F99#4D5C99#4F599A
#497585#4D7087#506A88#54658A#58608B#5B5B8D#60548F
#4E8175#537977#597179#5E697C#64617E#695980#704F83
#538C64#5A8167#62776A#696C6E#706271#785774#814A78
#589854#618B58#6A7D5C#737060#7C6363#865667#91456C
#5EA63F#6A9644#758549#81754E#8C6453#985458#A63F5E

Colorpallet from #3F5EA6 to #5EA63F and to #A65E3F
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#446A96#466896#486696#496496#4B6296#4D6096#4F5E96
#497585#4D7185#506E85#546A85#586685#5B6385#605E85
#4E8175#537B75#597675#5E7075#646B75#696575#705E75
#538C64#5A8564#627D64#697664#706F64#786764#815E64
#589854#618F54#6A8554#737C54#7C7354#866A54#915E54
#5EA63F#6A9A3F#758F3F#81833F#8C783F#986C3F#A65E3F

Colorpallet from #3F5EA6 to #A63F5E and to #A65E3F
#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6#3F5EA6
#4F599A#4F5A99#4F5B99#4F5B98#4F5C97#4F5D97#4F5E96
#60548F#60568D#60578C#60598A#605A89#605C87#605E85
#704F83#705181#70547F#70567C#70597A#705B78#705E75
#814A78#814D75#815072#81546E#81576B#815A68#815E64
#91456C#914968#914D64#915160#91555D#915959#915E54
#A63F5E#A64459#A64954#A64E4F#A6534A#A65845#A65E3F