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 #AF5B8B to #AF8B5B and to #5BAF8B
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#AF6383#AD6484#AB6586#A96587#A76688#A56789#A2688B
#AF6A7C#AB6C7E#A66E81#A27083#9E7286#997488#94768B
#AF7274#A97578#A2777B#9C7A7F#957D83#8F8086#87838B
#AF7A6C#A67E71#9E8176#95857B#8C8980#848C85#79918B
#AF8165#A4866B#9A8A71#8F8F77#84947D#799883#6C9E8B
#AF8B5B#A29163#94976A#879C72#79A27A#6CA881#5BAF8B

Colorpallet from #AF5B8B to #AF8B5B and to #5B8BAF
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#AF6383#AD6385#AB6387#A9638A#A7638C#A5638E#A26391
#AF6A7C#AB6A80#A66A85#A26A89#9E6A8D#996A92#946A97
#AF7274#A9727A#A27281#9C7287#95728E#8F7294#87729C
#AF7A6C#A67A75#9E7A7D#957A86#8C7A8F#847A97#797AA2
#AF8165#A48170#9A817A#8F8185#848190#79819B#6C81A8
#AF8B5B#A28B68#948B76#878B83#798B91#6C8B9E#5B8BAF

Colorpallet from #AF5B8B to #AF8B5B and to #8BAF5B
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#AF6383#AE6483#AD6583#AC6583#AB6683#AA6783#A96883
#AF6A7C#AD6C7C#AB6E7C#A9707C#A7727C#A5747C#A3767C
#AF7274#AC7574#AA7774#A77A74#A47D74#A18074#9E8374
#AF7A6C#AB7E6C#A8816C#A4856C#A0896C#9D8C6C#98916C
#AF8165#AA8665#A68A65#A18F65#9C9465#989865#929E65
#AF8B5B#A9915B#A3975B#9E9C5B#98A25B#92A85B#8BAF5B

Colorpallet from #AF5B8B to #AF8B5B and to #8B5BAF
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#AF6383#AE6285#AD6087#AC5F8A#AB5E8C#AA5D8E#A95B91
#AF6A7C#AD6880#AB6585#A96389#A7608D#A55E92#A35B97
#AF7274#AC6E7A#AA6B81#A76787#A4638E#A16094#9E5B9C
#AF7A6C#AB7575#A8707D#A46B86#A0668F#9D6197#985BA2
#AF8165#AA7B70#A6757A#A16F85#9C6990#98639B#925BA8
#AF8B5B#A98368#A37C76#9E7483#986C91#92659E#8B5BAF

Colorpallet from #AF5B8B to #5BAF8B and to #5B8BAF
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#A2688B#A2678C#A2668D#A2668E#A2658F#A26490#A26391
#94768B#94748D#94728F#947091#946E93#946C95#946A97
#87838B#87808E#877E90#877B93#877896#877599#87729C
#79918B#798D8F#798A92#798696#79829A#797F9D#797AA2
#6C9E8B#6C9990#6C9594#6C9099#6C8B9E#6C87A2#6C81A8
#5BAF8B#5BA991#5BA397#5B9E9C#5B98A2#5B92A8#5B8BAF

Colorpallet from #AF5B8B to #5BAF8B and to #8BAF5B
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#A2688B#A3688A#A46888#A56887#A66886#A86885#A96883
#94768B#967689#997686#9B7684#9E7681#A0767F#A3767C
#87838B#8B8387#8E8384#928380#96837C#998379#9E8374
#79918B#7E9186#839181#88917C#8D9177#929172#98916C
#6C9E8B#729E85#789E7F#7E9E79#849E73#8A9E6D#929E65
#5BAF8B#63AF83#6AAF7C#72AF74#7AAF6C#81AF65#8BAF5B

Colorpallet from #AF5B8B to #5BAF8B and to #8B5BAF
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#A2688B#A3668C#A4648D#A5628E#A6608F#A85E90#A95B91
#94768B#96728D#996D8F#9B6991#9E6593#A06095#A35B97
#87838B#8B7D8E#8E7690#927093#966996#996399#9E5B9C
#79918B#7E888F#838092#887796#8D6E9A#92669D#985BA2
#6C9E8B#729390#788994#7E7E99#84739E#8A68A2#925BA8
#5BAF8B#63A291#6A9497#72879C#7A79A2#816CA8#8B5BAF

Colorpallet from #AF5B8B to #5B8BAF and to #8BAF5B
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#A26391#A3648F#A4658D#A5658A#A66688#A86786#A96883
#946A97#966C93#996E8E#9B708A#9E7286#A07481#A3767C
#87729C#8B7596#8E778F#927A89#967D82#99807C#9E8374
#797AA2#7E7E99#838191#888588#8D897F#928C77#98916C
#6C81A8#72869D#788A93#7E8F88#84947D#8A9872#929E65
#5B8BAF#6391A2#6A9794#729C87#7AA279#81A86C#8BAF5B

Colorpallet from #AF5B8B to #5B8BAF and to #8B5BAF
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#A26391#A36291#A46091#A55F91#A65E91#A85D91#A95B91
#946A97#966897#996597#9B6397#9E6097#A05E97#A35B97
#87729C#8B6E9C#8E6B9C#92679C#96639C#99609C#9E5B9C
#797AA2#7E75A2#8370A2#886BA2#8D66A2#9261A2#985BA2
#6C81A8#727BA8#7875A8#7E6FA8#8469A8#8A63A8#925BA8
#5B8BAF#6383AF#6A7CAF#7274AF#7A6CAF#8165AF#8B5BAF

Colorpallet from #AF5B8B to #8BAF5B and to #8B5BAF
#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B#AF5B8B
#A96883#A96685#A96487#A9628A#A9608C#A95E8E#A95B91
#A3767C#A37280#A36D85#A36989#A3658D#A36092#A35B97
#9E8374#9E7D7A#9E7681#9E7087#9E698E#9E6394#9E5B9C
#98916C#988875#98807D#987786#986E8F#986697#985BA2
#929E65#929370#92897A#927E85#927390#92689B#925BA8
#8BAF5B#8BA268#8B9476#8B8783#8B7991#8B6C9E#8B5BAF