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 #506A9D to #509D6A and to #6A509D
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#507295#517096#516E98#526C99#536A9A#53689B#54669D
#507A8D#517690#537292#546E95#556B97#56679A#58629D
#508285#527C89#54768D#567191#586B94#5A6598#5C5E9D
#508B7C#538381#557B87#58738C#5B6B91#5E6396#61599D
#509374#53897B#577F81#5A7588#5D6B8E#616195#65559D
#509D6A#549172#58847A#5C7882#616C8B#655F93#6A509D

Colorpallet from #506A9D to #509D6A and to #6A9D50
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#507295#517294#517294#527293#537292#537292#547291
#507A8D#517A8C#537A8A#547A89#557A87#567A86#587A84
#508285#528283#548281#56827F#58827D#5A827B#5C8278
#508B7C#538B79#558B77#588B74#5B8B72#5E8B6F#618B6C
#509374#539371#57936D#5A936A#5D9367#619363#65935F
#509D6A#549D66#589D62#5C9D5E#619D59#659D55#6A9D50

Colorpallet from #506A9D to #509D6A and to #9D506A
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#507295#527095#546E95#566C95#586A95#5A6895#5C6695
#507A8D#54768D#58728D#5C6E8D#606B8D#64678D#69628D
#508285#567C85#5C7685#627185#686B85#6E6585#755E85
#508B7C#58837C#607B7C#68737C#6F6B7C#77637C#81597C
#509374#5A8974#647F74#6E7574#786B74#826174#8E5574
#509D6A#5C916A#69846A#75786A#816C6A#8E5F6A#9D506A

Colorpallet from #506A9D to #509D6A and to #9D6A50
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#507295#527194#546F94#566E93#586D92#5A6C92#5C6A91
#507A8D#54778C#58758A#5C7289#607087#646D86#696A84
#508285#567E83#5C7A81#62767F#68737D#6E6F7B#756A78
#508B7C#588679#608077#687B74#6F7672#77716F#816A6C
#509374#5A8C71#64866D#6E7F6A#787967#827263#8E6A5F
#509D6A#5C9566#698D62#75855E#817C59#8E7455#9D6A50

Colorpallet from #506A9D to #6A509D and to #6A9D50
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#54669D#54689B#546A99#546C97#546E95#547093#547291
#58629D#586699#586A95#586E91#58718D#587589#587A84
#5C5E9D#5C6497#5C6A91#5C6F8B#5C7585#5C7B7F#5C8278
#61599D#616195#61698D#617185#61797E#618176#618B6C
#65559D#655F93#656989#65737F#657D75#65876B#65935F
#6A509D#6A5C91#6A6984#6A7578#6A816C#6A8E5F#6A9D50

Colorpallet from #506A9D to #6A509D and to #9D506A
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#54669D#55669C#57669A#586699#596698#5A6697#5C6695
#58629D#5B629A#5D6298#606295#636293#666290#69628D
#5C5E9D#605E99#645E95#685E91#6C5E8E#705E8A#755E85
#61599D#665998#6B5992#70598D#755988#7B5983#81597C
#65559D#6C5596#725590#795589#7F5583#86557C#8E5574
#6A509D#725095#7A508D#825085#8B507C#935074#9D506A

Colorpallet from #506A9D to #6A509D and to #9D6A50
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#54669D#55679B#576799#586897#596995#5A6993#5C6A91
#58629D#5B6399#5D6595#606691#63678D#666889#696A84
#5C5E9D#606097#646291#68648B#6C6685#70687F#756A78
#61599D#665C95#6B5E8D#706185#75647E#7B6776#816A6C
#65559D#6C5893#725C89#795F7F#7F6275#86666B#8E6A5F
#6A509D#725491#7A5884#825C78#8B616C#93655F#9D6A50

Colorpallet from #506A9D to #6A9D50 and to #9D506A
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#547291#557092#576E92#586C93#596A94#5A6894#5C6695
#587A84#5B7685#5D7287#606E88#636B8A#66678B#69628D
#5C8278#607C7A#64767C#68717E#6C6B80#706582#755E85
#618B6C#66836F#6B7B71#707374#756B76#7B6379#81597C
#65935F#6C8962#727F66#797569#7F6B6C#866170#8E5574
#6A9D50#729154#7A8458#82785C#8B6C61#935F65#9D506A

Colorpallet from #506A9D to #6A9D50 and to #9D6A50
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#547291#557191#576F91#586E91#596D91#5A6C91#5C6A91
#587A84#5B7784#5D7584#607284#637084#666D84#696A84
#5C8278#607E78#647A78#687678#6C7378#706F78#756A78
#618B6C#66866C#6B806C#707B6C#75766C#7B716C#816A6C
#65935F#6C8C5F#72865F#797F5F#7F795F#86725F#8E6A5F
#6A9D50#729550#7A8D50#828550#8B7C50#937450#9D6A50

Colorpallet from #506A9D to #9D506A and to #9D6A50
#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D#506A9D
#5C6695#5C6794#5C6794#5C6893#5C6992#5C6992#5C6A91
#69628D#69638C#69658A#696689#696787#696886#696A84
#755E85#756083#756281#75647F#75667D#75687B#756A78
#81597C#815C79#815E77#816174#816472#81676F#816A6C
#8E5574#8E5871#8E5C6D#8E5F6A#8E6267#8E6663#8E6A5F
#9D506A#9D5466#9D5862#9D5C5E#9D6159#9D6555#9D6A50