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 #5B4E8D to #5B8D4E and to #4E5B8D
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#5B5883#5B5785#5A5586#5A5488#5A5389#59528B#59508D
#5B6279#5A5F7C#5A5D7F#595A83#585886#585589#57528D
#5B6C6F#5A6874#596479#58607D#575D82#565987#55548D
#5B7665#5A716B#586C72#576778#56627F#555C85#53568D
#5B805B#597A63#58736B#566D73#55667B#536083#51588D
#5B8D4E#598558#577D62#55756C#536D76#516580#4E5B8D

Colorpallet from #5B4E8D to #5B8D4E and to #4E8D5B
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#5B5883#5B5883#5A5884#5A5884#5A5884#595885#595885
#5B6279#5A627A#5A627A#59627B#58627C#58627C#57627D
#5B6C6F#5A6C70#596C71#586C72#576C73#566C74#556C75
#5B7665#5A7666#587668#577669#56766A#55766B#53766D
#5B805B#59805D#58805E#568060#558061#538063#518065
#5B8D4E#598D50#578D52#558D54#538D56#518D58#4E8D5B

Colorpallet from #5B4E8D to #5B8D4E and to #8D5B4E
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#5B5883#5C5783#5E5583#5F5483#605383#615283#635083
#5B6279#5E5F79#605D79#635A79#655879#685579#6B5279
#5B6C6F#5F686F#63646F#67606F#6A5D6F#6E596F#73546F
#5B7665#607165#656C65#6A6765#6F6265#755C65#7B5665
#5B805B#617A5B#68735B#6E6D5B#75665B#7B605B#83585B
#5B8D4E#63854E#6B7D4E#73754E#7B6D4E#83654E#8D5B4E

Colorpallet from #5B4E8D to #5B8D4E and to #8D4E5B
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#5B5883#5C5683#5E5584#5F5384#605284#615085#634E85
#5B6279#5E5F7A#605C7A#63587B#65557C#68527C#6B4E7D
#5B6C6F#5F6770#636271#675E72#6A5973#6E5474#734E75
#5B7665#607066#656968#6A6369#6F5C6A#75566B#7B4E6D
#5B805B#61785D#68705E#6E6860#756061#7B5863#834E65
#5B8D4E#638350#6B7952#736F54#7B6556#835B58#8D4E5B

Colorpallet from #5B4E8D to #4E5B8D and to #4E8D5B
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#59508D#59518C#59538A#595489#595588#595687#595885
#57528D#57558A#575788#575A85#575C83#575F80#57627D
#55548D#555889#555C85#556081#55637E#55677A#556C75
#53568D#535B88#536083#53657E#536A79#537073#53766D
#51588D#515E87#516580#516B7A#517273#51786D#518065
#4E5B8D#4E6385#4E6B7D#4E7375#4E7B6D#4E8365#4E8D5B

Colorpallet from #5B4E8D to #4E5B8D and to #8D5B4E
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#59508D#5B508B#5C508A#5E5088#5F5087#615085#635083
#57528D#5A528A#5D5287#615283#645280#67527D#6B5279
#55548D#5A5488#5F5483#63547F#68547A#6D5475#73546F
#53568D#595687#605680#66567A#6D5673#73566D#7B5665
#51588D#595885#61587D#695875#71586D#795865#83585B
#4E5B8D#585B83#625B79#6C5B6F#765B65#805B5B#8D5B4E

Colorpallet from #5B4E8D to #4E5B8D and to #8D4E5B
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#59508D#5B508C#5C4F8A#5E4F89#5F4F88#614E87#634E85
#57528D#5A518A#5D5188#615085#644F83#674F80#6B4E7D
#55548D#5A5389#5F5285#635181#68507E#6D4F7A#734E75
#53568D#595588#605383#66527E#6D5179#735073#7B4E6D
#51588D#595687#615580#69537A#715273#79506D#834E65
#4E5B8D#585985#62577D#6C5575#76536D#805165#8D4E5B

Colorpallet from #5B4E8D to #4E8D5B and to #8D5B4E
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#595885#5B5785#5C5584#5E5484#5F5384#615283#635083
#57627D#5A5F7C#5D5D7C#615A7B#64587A#67557A#6B5279
#556C75#5A6874#5F6473#636072#685D71#6D5970#73546F
#53766D#59716C#606C6A#666769#6D6268#735C67#7B5665
#518065#597A63#617362#696D60#71665F#79605D#83585B
#4E8D5B#588559#627D57#6C7555#766D53#806551#8D5B4E

Colorpallet from #5B4E8D to #4E8D5B and to #8D4E5B
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#595885#5B5685#5C5585#5E5385#5F5285#615085#634E85
#57627D#5A5F7D#5D5C7D#61587D#64557D#67527D#6B4E7D
#556C75#5A6775#5F6275#635E75#685975#6D5475#734E75
#53766D#59706D#60696D#66636D#6D5C6D#73566D#7B4E6D
#518065#597865#617065#696865#716065#795865#834E65
#4E8D5B#58835B#62795B#6C6F5B#76655B#805B5B#8D4E5B

Colorpallet from #5B4E8D to #8D5B4E and to #8D4E5B
#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D#5B4E8D
#635083#635083#634F84#634F84#634F84#634E85#634E85
#6B5279#6B517A#6B517A#6B507B#6B4F7C#6B4F7C#6B4E7D
#73546F#735370#735271#735172#735073#734F74#734E75
#7B5665#7B5566#7B5368#7B5269#7B516A#7B506B#7B4E6D
#83585B#83565D#83555E#835360#835261#835063#834E65
#8D5B4E#8D5950#8D5752#8D5554#8D5356#8D5158#8D4E5B