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 #7686C0 to #76C086 and to #8676C0
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#768FB7#768DB8#778BBA#7789BB#7887BD#7885BE#7983C0
#7699AD#7795B0#7891B3#788DB6#798AB9#7A86BC#7B81C0
#76A2A4#779CA8#7996AD#7A91B1#7B8BB6#7C85BA#7E7EC0
#76AB9B#78A3A1#799CA7#7B94AD#7C8DB3#7E85B9#807CC0
#76B492#78AB99#7AA1A1#7C98A8#7E8EAF#8085B7#8379C0
#76C086#79B48F#7BA899#7E9CA2#8091AB#8385B4#8676C0

Colorpallet from #7686C0 to #76C086 and to #86C076
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#768FB7#768FB7#778FB6#778FB6#788FB5#788FB5#798FB4
#7699AD#7799AC#7899AB#7899AB#7999AA#7A99A9#7B99A8
#76A2A4#77A2A3#79A2A1#7AA2A0#7BA29F#7CA29E#7EA29C
#76AB9B#78AB99#79AB98#7BAB96#7CAB95#7EAB93#80AB91
#76B492#78B490#7AB48E#7CB48C#7EB48A#80B488#83B485
#76C086#79C083#7BC081#7EC07E#80C07C#83C079#86C076

Colorpallet from #7686C0 to #76C086 and to #C07686
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#768FB7#788DB7#7A8BB7#7C89B7#7E87B7#8085B7#8283B7
#7699AD#7A95AD#7E91AD#828DAD#858AAD#8986AD#8E81AD
#76A2A4#7C9CA4#8296A4#8791A4#8D8BA4#9385A4#9A7EA4
#76AB9B#7EA39B#859C9B#8D949B#948D9B#9C859B#A57C9B
#76B492#7FAB92#89A192#929892#9C8E92#A58592#B17992
#76C086#82B486#8EA886#9A9C86#A59186#B18586#C07686

Colorpallet from #7686C0 to #76C086 and to #C08676
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#768FB7#788EB7#7A8CB6#7C8BB6#7E89B5#8088B5#8286B4
#7699AD#7A96AC#7E93AB#8290AB#858DAA#898AA9#8E86A8
#76A2A4#7C9EA3#8299A1#8795A0#8D909F#938C9E#9A869C
#76AB9B#7EA599#859F98#8D9996#949395#9C8D93#A58691
#76B492#7FAD90#89A58E#929E8C#9C978A#A58F88#B18685
#76C086#82B783#8EAD81#9AA47E#A59B7C#B19279#C08676

Colorpallet from #7686C0 to #8676C0 and to #86C076
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#7983C0#7985BE#7987BC#7989BA#798BB8#798DB6#798FB4
#7B81C0#7B85BC#7B89B8#7B8DB4#7B90B1#7B94AD#7B99A8
#7E7EC0#7E84BA#7E8AB4#7E8FAF#7E95A9#7E9BA3#7EA29C
#807CC0#8084B8#808BB1#8093A9#809AA2#80A29A#80AB91
#8379C0#8382B7#838CAD#8395A4#839F9A#83A891#83B485
#8676C0#8682B4#868EA8#869A9C#86A591#86B185#86C076

Colorpallet from #7686C0 to #8676C0 and to #C07686
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#7983C0#7A83BF#7C83BD#7D83BC#7F83BA#8083B9#8283B7
#7B81C0#7E81BD#8181BA#8481B7#8781B4#8A81B1#8E81AD
#7E7EC0#827EBC#877EB7#8B7EB3#907EAE#947EAA#9A7EA4
#807CC0#867CBA#8C7CB4#927CAE#987CA8#9E7CA2#A57C9B
#8379C0#8A79B9#9279B1#9979AA#A079A3#A8799B#B17992
#8676C0#8F76B7#9976AD#A276A4#AB769B#B47692#C07686

Colorpallet from #7686C0 to #8676C0 and to #C08676
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#7983C0#7A83BE#7C84BC#7D84BA#7F85B8#8085B6#8286B4
#7B81C0#7E82BC#8183B8#8483B4#8784B1#8A85AD#8E86A8
#7E7EC0#827FBA#8781B4#8B82AF#9083A9#9484A3#9A869C
#807CC0#867EB8#8C7FB1#9281A9#9882A2#9E849A#A58691
#8379C0#8A7BB7#927DAD#997FA4#A0819A#A88391#B18685
#8676C0#8F79B4#997BA8#A27E9C#AB8091#B48385#C08676

Colorpallet from #7686C0 to #86C076 and to #C07686
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#798FB4#7A8DB4#7C8BB5#7D89B5#7F87B6#8085B6#8283B7
#7B99A8#7E95A9#8191AA#848DAA#878AAB#8A86AC#8E81AD
#7EA29C#829C9D#87969F#8B91A0#908BA1#9485A2#9A7EA4
#80AB91#86A393#8C9C94#929496#988D97#9E8599#A57C9B
#83B485#8AAB87#92A189#99988B#A08E8D#A8858F#B17992
#86C076#8FB479#99A87B#A29C7E#AB9180#B48583#C07686

Colorpallet from #7686C0 to #86C076 and to #C08676
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#798FB4#7A8EB4#7C8CB4#7D8BB4#7F89B4#8088B4#8286B4
#7B99A8#7E96A8#8193A8#8490A8#878DA8#8A8AA8#8E86A8
#7EA29C#829E9C#87999C#8B959C#90909C#948C9C#9A869C
#80AB91#86A591#8C9F91#929991#989391#9E8D91#A58691
#83B485#8AAD85#92A585#999E85#A09785#A88F85#B18685
#86C076#8FB776#99AD76#A2A476#AB9B76#B49276#C08676

Colorpallet from #7686C0 to #C07686 and to #C08676
#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0#7686C0
#8283B7#8283B7#8284B6#8284B6#8285B5#8285B5#8286B4
#8E81AD#8E82AC#8E83AB#8E83AB#8E84AA#8E85A9#8E86A8
#9A7EA4#9A7FA3#9A81A1#9A82A0#9A839F#9A849E#9A869C
#A57C9B#A57E99#A57F98#A58196#A58295#A58493#A58691
#B17992#B17B90#B17D8E#B17F8C#B1818A#B18388#B18685
#C07686#C07983#C07B81#C07E7E#C0807C#C08379#C08676