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 #527DA7 to #52A77D and to #7D52A7
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#5284A0#5382A1#5480A2#557DA3#567BA4#5879A6#5976A7
#528A9A#54869C#56819E#597DA0#5B79A2#5D74A4#606FA7
#529193#558A96#598499#5C7D9D#5F77A0#6370A3#6768A7
#52988C#568F90#5B8695#5F7E99#64759D#686CA2#6E61A7
#529F85#57948A#5D8990#627E95#68739B#6D69A0#745BA7
#52A77D#599984#608C8A#677E91#6E7198#74639F#7D52A7

Colorpallet from #527DA7 to #52A77D and to #7DA752
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#5284A0#53849F#54849E#55849D#56849C#58849A#598499
#528A9A#548A98#568A96#598A93#5B8A91#5D8A8F#608A8C
#529193#559190#59918C#5C9189#5F9186#639182#67917E
#52988C#569888#5B9883#5F987F#64987B#689876#6E9871
#529F85#579F80#5D9F7A#629F75#689F6F#6D9F6A#749F63
#52A77D#59A776#60A76F#67A768#6EA761#74A75B#7DA752

Colorpallet from #527DA7 to #52A77D and to #A7527D
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#5284A0#5482A0#5680A0#597DA0#5B7BA0#5D79A0#6076A0
#528A9A#56869A#5B819A#5F7D9A#63799A#68749A#6D6F9A
#529193#598A93#5F8493#667D93#6C7793#737093#7B6893
#52988C#5B8F8C#63868C#6C7E8C#75758C#7D6C8C#88618C
#529F85#5D9485#688985#737E85#7E7385#886985#965B85
#52A77D#60997D#6D8C7D#7B7E7D#88717D#96637D#A7527D

Colorpallet from #527DA7 to #52A77D and to #A77D52
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#5284A0#54839F#56829E#59819D#5B809C#5D7E9A#607D99
#528A9A#568898#5B8696#5F8493#638291#68808F#6D7D8C
#529193#598E90#5F8B8C#668789#6C8486#738182#7B7D7E
#52988C#5B9488#638F83#6C8B7F#75877B#7D8276#887D71
#529F85#5D9A80#68947A#738F75#7E896F#88846A#967D63
#52A77D#60A076#6D9A6F#7B9368#888C61#96855B#A77D52

Colorpallet from #527DA7 to #7D52A7 and to #7DA752
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#5976A7#5978A5#597AA3#597DA0#597F9E#59819C#598499
#606FA7#6073A3#60789E#607C9A#608096#608591#608A8C
#6768A7#676FA0#67759A#677C93#67828D#678986#67917E
#6E61A7#6E6A9E#6E7396#6E7B8D#6E8484#6E8D7C#6E9871
#745BA7#74669C#747191#747C86#74877B#749171#749F63
#7D52A7#7D6099#7D6D8C#7D7B7E#7D8871#7D9663#7DA752

Colorpallet from #527DA7 to #7D52A7 and to #A7527D
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#5976A7#5A76A6#5B76A5#5C76A4#5D76A3#5F76A1#6076A0
#606FA7#626FA5#646FA3#666FA1#686F9F#6A6F9D#6D6F9A
#6768A7#6A68A4#6D68A1#71689D#74689A#776897#7B6893
#6E61A7#7261A3#76619E#7A619A#7F6196#836191#88618C
#745BA7#795BA2#7F5B9C#845B97#8A5B91#8F5B8C#965B85
#7D52A7#8452A0#8A529A#915293#98528C#9F5285#A7527D

Colorpallet from #527DA7 to #7D52A7 and to #A77D52
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#5976A7#5A77A5#5B78A3#5C79A0#5D7A9E#5F7C9C#607D99
#606FA7#6271A3#64739E#66769A#687896#6A7A91#6D7D8C
#6768A7#6A6BA0#6D6F9A#717293#74758D#777986#7B7D7E
#6E61A7#72659E#766A96#7A6E8D#7F7384#83777C#887D71
#745BA7#79609C#7F6691#846B86#8A717B#8F7671#967D63
#7D52A7#845999#8A608C#91677E#986E71#9F7463#A77D52

Colorpallet from #527DA7 to #7DA752 and to #A7527D
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#598499#5A829A#5B809B#5C7D9C#5D7B9D#5F799F#6076A0
#608A8C#62868E#648190#667D93#687995#6A7497#6D6F9A
#67917E#6A8A81#6D8485#717D88#74778B#77708F#7B6893
#6E9871#728F75#76867A#7A7E7E#7F7582#836C87#88618C
#749F63#799468#7F896E#847E73#8A7379#8F697E#965B85
#7DA752#849959#8A8C60#917E67#98716E#9F6374#A7527D

Colorpallet from #527DA7 to #7DA752 and to #A77D52
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#598499#5A8399#5B8299#5C8199#5D8099#5F7E99#607D99
#608A8C#62888C#64868C#66848C#68828C#6A808C#6D7D8C
#67917E#6A8E7E#6D8B7E#71877E#74847E#77817E#7B7D7E
#6E9871#729471#768F71#7A8B71#7F8771#838271#887D71
#749F63#799A63#7F9463#848F63#8A8963#8F8463#967D63
#7DA752#84A052#8A9A52#919352#988C52#9F8552#A77D52

Colorpallet from #527DA7 to #A7527D and to #A77D52
#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7#527DA7
#6076A0#60779F#60789E#60799D#607A9C#607C9A#607D99
#6D6F9A#6D7198#6D7396#6D7693#6D7891#6D7A8F#6D7D8C
#7B6893#7B6B90#7B6F8C#7B7289#7B7586#7B7982#7B7D7E
#88618C#886588#886A83#886E7F#88737B#887776#887D71
#965B85#966080#96667A#966B75#96716F#96766A#967D63
#A7527D#A75976#A7606F#A76768#A76E61#A7745B#A77D52