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 #3A507B to #3A7B50 and to #503A7B
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3A5774#3B5575#3B5376#3C5277#3D5078#3D4E7A#3E4C7B
#3A5E6D#3B5B6F#3C5771#3D5474#3E5176#404D78#41497B
#3A6566#3C6069#3E5B6D#3F5670#415173#434B77#45457B
#3A6C5F#3C6563#3E5F68#41586C#435171#454A75#48427B
#3A7259#3D6A5E#406164#435969#46516F#484874#4C3E7B
#3A7B50#3E7157#41665E#455C65#48516C#4C4772#503A7B

Colorpallet from #3A507B to #3A7B50 and to #507B3A
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3A5774#3B5774#3B5773#3C5773#3D5772#3D5772#3E5771
#3A5E6D#3B5E6C#3C5E6B#3D5E6A#3E5E69#405E67#415E66
#3A6566#3C6564#3E6563#3F6561#416560#43655E#45655C
#3A6C5F#3C6C5D#3E6C5B#416C58#436C56#456C54#486C51
#3A7259#3D7256#407253#437250#46724D#48724B#4C7247
#3A7B50#3E7B4C#417B49#457B45#487B42#4C7B3E#507B3A

Colorpallet from #3A507B to #3A7B50 and to #7B3A50
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3A5774#3C5574#3D5374#3F5274#405074#424E74#444C74
#3A5E6D#3D5B6D#41576D#44546D#47516D#4B4D6D#4F496D
#3A6566#3F6066#445B66#495666#4E5166#534B66#594566
#3A6C5F#41655F#475F5F#4E585F#55515F#5C4A5F#64425F
#3A7259#426A59#4B6159#535959#5B5159#644859#6E3E59
#3A7B50#447150#4F6650#595C50#645150#6E4750#7B3A50

Colorpallet from #3A507B to #3A7B50 and to #7B503A
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3A5774#3C5674#3D5573#3F5473#405372#425172#445071
#3A5E6D#3D5C6C#415A6B#44576A#475569#4B5367#4F5066
#3A6566#3F6264#445E63#495B61#4E5860#53545E#59505C
#3A6C5F#41685D#47635B#4E5F58#555A56#5C5654#645051
#3A7259#426D56#4B6753#536250#5B5C4D#64574B#6E5047
#3A7B50#44744C#4F6D49#596645#645F42#6E593E#7B503A

Colorpallet from #3A507B to #503A7B and to #507B3A
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3E4C7B#3E4E79#3E5078#3E5176#3E5375#3E5573#3E5771
#41497B#414C78#415074#415371#41566E#415A6A#415E66
#45457B#454A76#454F71#45546C#455967#455F62#45655C
#48427B#484974#484F6E#485667#485D60#486459#486C51
#4C3E7B#4C4673#4C4F6A#4C5762#4C5F5A#4C6851#4C7247
#503A7B#504471#504F66#50595C#506451#506E47#507B3A

Colorpallet from #3A507B to #503A7B and to #7B3A50
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3E4C7B#3F4C7A#404C79#414C78#424C77#434C75#444C74
#41497B#434979#454977#484974#4A4972#4C4970#4F496D
#45457B#484578#4B4574#4F4571#52456E#55456A#594566
#48427B#4C4277#514272#55426E#5A4269#5E4265#64425F
#4C3E7B#513E76#573E70#5C3E6B#623E65#673E60#6E3E59
#503A7B#573A74#5E3A6D#653A66#6C3A5F#723A59#7B3A50

Colorpallet from #3A507B to #503A7B and to #7B503A
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3E4C7B#3F4D79#404D78#414E76#424F75#434F73#445071
#41497B#434A78#454B74#484C71#4A4D6E#4C4F6A#4F5066
#45457B#484776#4B4971#4F4A6C#524C67#554E62#59505C
#48427B#4C4474#51466E#554967#5A4B60#5E4D59#645051
#4C3E7B#514173#57446A#5C4762#624A5A#674C51#6E5047
#503A7B#573E71#5E4166#65455C#6C4851#724C47#7B503A

Colorpallet from #3A507B to #507B3A and to #7B3A50
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3E5771#3F5571#405372#415272#425073#434E73#444C74
#415E66#435B67#455768#485469#4A516A#4C4D6C#4F496D
#45655C#48605E#4B5B5F#4F5661#525162#554B64#594566
#486C51#4C6553#515F55#555858#5A515A#5E4A5C#64425F
#4C7247#516A4A#57614D#5C5950#625153#674855#6E3E59
#507B3A#57713E#5E6641#655C45#6C5148#72474C#7B3A50

Colorpallet from #3A507B to #507B3A and to #7B503A
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#3E5771#3F5671#405571#415471#425371#435171#445071
#415E66#435C66#455A66#485766#4A5566#4C5366#4F5066
#45655C#48625C#4B5E5C#4F5B5C#52585C#55545C#59505C
#486C51#4C6851#516351#555F51#5A5A51#5E5651#645051
#4C7247#516D47#576747#5C6247#625C47#675747#6E5047
#507B3A#57743A#5E6D3A#65663A#6C5F3A#72593A#7B503A

Colorpallet from #3A507B to #7B3A50 and to #7B503A
#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B#3A507B
#444C74#444D74#444D73#444E73#444F72#444F72#445071
#4F496D#4F4A6C#4F4B6B#4F4C6A#4F4D69#4F4F67#4F5066
#594566#594764#594963#594A61#594C60#594E5E#59505C
#64425F#64445D#64465B#644958#644B56#644D54#645051
#6E3E59#6E4156#6E4453#6E4750#6E4A4D#6E4C4B#6E5047
#7B3A50#7B3E4C#7B4149#7B4545#7B4842#7B4C3E#7B503A