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 #8540C0 to #85C040 and to #4085C0
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#8554AC#8353AF#8151B2#8050B6#7E4EB9#7C4DBC#7A4BC0
#856997#81669E#7E63A4#7A60AB#775DB1#735AB8#6F56C0
#857D83#80798D#7A7497#7570A0#706BAA#6B67B4#6461C0
#85926E#7E8C7B#778688#708095#697AA2#6274B0#596CC0
#85A65A#7C9E6A#73977B#6B8F8B#62889B#5980AC#4E77C0
#85C040#7AB754#6FAD69#64A47D#599A92#4E91A6#4085C0

Colorpallet from #8540C0 to #85C040 and to #40C085
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#8554AC#8354AE#8154B0#8054B1#7E54B3#7C54B5#7A54B7
#856997#81699B#7E699E#7A69A2#7769A5#7369A9#6F69AD
#857D83#807D88#7A7D8E#757D93#707D98#6B7D9D#647DA4
#85926E#7E9275#77927C#709283#69928A#629291#59929A
#85A65A#7CA663#73A66C#6BA674#62A67D#59A686#4EA691
#85C040#7AC04B#6FC056#64C061#59C06C#4EC077#40C085

Colorpallet from #8540C0 to #85C040 and to #C08540
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#8554AC#8653AC#8851AC#8950AC#8B4EAC#8C4DAC#8E4BAC
#856997#886697#8B6397#8E6097#915D97#945A97#985697
#857D83#897983#8E7483#927083#976B83#9B6783#A16183
#85926E#8B8C6E#91866E#97806E#9D7A6E#A3746E#AB6C6E
#85A65A#8D9E5A#94975A#9C8F5A#A3885A#AB805A#B4775A
#85C040#8EB740#98AD40#A1A440#AB9A40#B49140#C08540

Colorpallet from #8540C0 to #85C040 and to #C04085
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#8554AC#8651AE#884EB0#894AB1#8B47B3#8C44B5#8E40B7
#856997#88629B#8B5C9E#8E55A2#914FA5#9448A9#9840AD
#857D83#897388#8E698E#926093#975698#9B4C9D#A140A4
#85926E#8B8575#91787C#976B83#9D5E8A#A35091#AB409A
#85A65A#8D9663#94856C#9C7574#A3657D#AB5486#B44091
#85C040#8EAC4B#989756#A18361#AB6E6C#B45A77#C04085

Colorpallet from #8540C0 to #4085C0 and to #40C085
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#7A4BC0#7A4CBF#7A4EBD#7A4FBC#7A51BA#7A52B9#7A54B7
#6F56C0#6F59BD#6F5CBA#6F5FB7#6F62B4#6F65B1#6F69AD
#6461C0#6465BC#646AB7#646EB3#6473AE#6477AA#647DA4
#596CC0#5972BA#5978B4#597EAE#5984A8#598AA2#59929A
#4E77C0#4E7FB8#4E86B1#4E8EA9#4E95A2#4E9D9A#4EA691
#4085C0#408EB7#4098AD#40A1A4#40AB9A#40B491#40C085

Colorpallet from #8540C0 to #4085C0 and to #C08540
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#7A4BC0#7D4BBD#804BBA#844BB6#874BB3#8A4BB0#8E4BAC
#6F56C0#7656B9#7C56B3#8356AC#8956A6#90569F#985697
#6461C0#6E61B6#7861AC#8161A3#8B6199#95618F#A16183
#596CC0#666CB3#736CA6#806C99#8D6C8C#9B6C7E#AB6C6E
#4E77C0#5E77B0#6F779F#7F778F#8F777F#A0776E#B4775A
#4085C0#5485AC#698597#7D8583#92856E#A6855A#C08540

Colorpallet from #8540C0 to #4085C0 and to #C04085
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#7A4BC0#7D49BF#8047BD#8446BC#8744BA#8A42B9#8E40B7
#6F56C0#7652BD#7C4FBA#834BB7#8948B4#9044B1#9840AD
#6461C0#6E5CBC#7856B7#8151B3#8B4CAE#9547AA#A140A4
#596CC0#6665BA#735EB4#8057AE#8D50A8#9B49A2#AB409A
#4E77C0#5E6EB8#6F65B1#7F5DA9#8F54A2#A04B9A#B44091
#4085C0#547AB7#696FAD#7D64A4#92599A#A64E91#C04085

Colorpallet from #8540C0 to #40C085 and to #C08540
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#7A54B7#7D53B5#8051B3#8450B2#874EB0#8A4DAE#8E4BAC
#6F69AD#7666A9#7C63A6#8360A2#895D9F#905A9B#985697
#647DA4#6E799F#787499#817094#8B6B8F#95678A#A16183
#59929A#668C93#73868C#808085#8D7A7E#9B7477#AB6C6E
#4EA691#5E9E88#6F977F#7F8F77#8F886E#A08065#B4775A
#40C085#54B77A#69AD6F#7DA464#929A59#A6914E#C08540

Colorpallet from #8540C0 to #40C085 and to #C04085
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#7A54B7#7D51B7#804EB7#844AB7#8747B7#8A44B7#8E40B7
#6F69AD#7662AD#7C5CAD#8355AD#894FAD#9048AD#9840AD
#647DA4#6E73A4#7869A4#8160A4#8B56A4#954CA4#A140A4
#59929A#66859A#73789A#806B9A#8D5E9A#9B509A#AB409A
#4EA691#5E9691#6F8591#7F7591#8F6591#A05491#B44091
#40C085#54AC85#699785#7D8385#926E85#A65A85#C04085

Colorpallet from #8540C0 to #C08540 and to #C04085
#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0#8540C0
#8E4BAC#8E49AE#8E47B0#8E46B1#8E44B3#8E42B5#8E40B7
#985697#98529B#984F9E#984BA2#9848A5#9844A9#9840AD
#A16183#A15C88#A1568E#A15193#A14C98#A1479D#A140A4
#AB6C6E#AB6575#AB5E7C#AB5783#AB508A#AB4991#AB409A
#B4775A#B46E63#B4656C#B45D74#B4547D#B44B86#B44091
#C08540#C07A4B#C06F56#C06461#C0596C#C04E77#C04085