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 #5FA1BD to #5FBDA1 and to #A15FBD
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#5FA5B9#61A3BA#63A0BA#649EBB#669BBC#6899BC#6A96BD
#5FAAB4#62A5B5#66A0B7#699CB8#6C97BA#7092BB#748CBD
#5FAEB0#64A7B2#69A0B4#6E98B6#7391B8#798ABA#7F81BD
#5FB3AB#66A9AE#6CA0B1#7396B4#7A8DB7#8183B9#8977BD
#5FB7A7#67ABAB#709FAE#7893B2#8187B5#897BB9#946CBD
#5FBDA1#6AAEA5#749FAA#7F90AE#8981B3#9472B7#A15FBD

Colorpallet from #5FA1BD to #5FBDA1 and to #A1BD5F
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#5FA5B9#61A5B7#63A5B5#64A5B4#66A5B2#68A5B0#6AA5AE
#5FAAB4#62AAB1#66AAAD#69AAAA#6CAAA7#70AAA3#74AA9F
#5FAEB0#64AEAB#69AEA6#6EAEA1#73AE9C#79AE96#7FAE90
#5FB3AB#66B3A4#6CB39E#73B397#7AB390#81B389#89B381
#5FB7A7#67B79F#70B796#78B78E#81B785#89B77D#94B772
#5FBDA1#6ABD96#74BD8C#7FBD81#89BD77#94BD6C#A1BD5F

Colorpallet from #5FA1BD to #5FBDA1 and to #BD5FA1
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#5FA5B9#61A3B9#64A0B9#669EB9#699BB9#6B99B9#6E96B9
#5FAAB4#64A5B4#69A0B4#6D9CB4#7297B4#7792B4#7D8CB4
#5FAEB0#66A7B0#6DA0B0#7598B0#7C91B0#838AB0#8C81B0
#5FB3AB#69A9AB#72A0AB#7C96AB#858DAB#8F83AB#9B77AB
#5FB7A7#6BABA7#779FA7#8393A7#8F87A7#9B7BA7#AA6CA7
#5FBDA1#6EAEA1#7D9FA1#8C90A1#9B81A1#AA72A1#BD5FA1

Colorpallet from #5FA1BD to #5FBDA1 and to #BDA15F
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#5FA5B9#61A4B7#64A4B5#66A3B4#69A2B2#6BA2B0#6EA1AE
#5FAAB4#64A9B1#69A7AD#6DA6AA#72A4A7#77A3A3#7DA19F
#5FAEB0#66ACAB#6DAAA6#75A8A1#7CA69C#83A496#8CA190
#5FB3AB#69B0A4#72AD9E#7CAA97#85A790#8FA589#9BA181
#5FB7A7#6BB39F#77B096#83AC8E#8FA985#9BA57D#AAA172
#5FBDA1#6EB996#7DB48C#8CB081#9BAB77#AAA76C#BDA15F

Colorpallet from #5FA1BD to #A15FBD and to #A1BD5F
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#6A96BD#6A98BB#6A9BB8#6A9DB6#6AA0B3#6AA2B1#6AA5AE
#748CBD#7491B8#7496B3#749AAF#749FAA#74A4A5#74AA9F
#7F81BD#7F88B6#7F8FAF#7F97A7#7F9EA0#7FA599#7FAE90
#8977BD#8981B3#898AAA#8994A0#899D97#89A78D#89B381
#946CBD#9478B1#9484A5#949099#949C8D#94A881#94B772
#A15FBD#A16EAE#A17D9F#A18C90#A19B81#A1AA72#A1BD5F

Colorpallet from #5FA1BD to #A15FBD and to #BD5FA1
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#6A96BD#6B96BC#6B96BC#6C96BB#6D96BA#6D96BA#6E96B9
#748CBD#758CBC#778CBA#788CB9#7A8CB7#7B8CB6#7D8CB4
#7F81BD#8181BB#8381B9#8581B7#8781B5#8981B3#8C81B0
#8977BD#8C77BA#8F77B7#9277B4#9577B1#9777AF#9B77AB
#946CBD#986CB9#9B6CB6#9F6CB2#A26CAF#A66CAB#AA6CA7
#A15FBD#A55FB9#AA5FB4#AE5FB0#B35FAB#B75FA7#BD5FA1

Colorpallet from #5FA1BD to #A15FBD and to #BDA15F
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#6A96BD#6B98BB#6B9AB8#6C9BB6#6D9DB3#6D9FB1#6EA1AE
#748CBD#758FB8#7793B3#7896AF#7A99AA#7B9DA5#7DA19F
#7F81BD#8186B6#838BAF#8590A7#8795A0#899B99#8CA190
#8977BD#8C7EB3#8F84AA#928BA0#959297#97998D#9BA181
#946CBD#9874B1#9B7DA5#9F8599#A28E8D#A69681#AAA172
#A15FBD#A56AAE#AA749F#AE7F90#B38981#B79472#BDA15F

Colorpallet from #5FA1BD to #A1BD5F and to #BD5FA1
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#6AA5AE#6BA3B0#6BA0B2#6C9EB3#6D9BB5#6D99B7#6E96B9
#74AA9F#75A5A2#77A0A6#789CA9#7A97AC#7B92B0#7D8CB4
#7FAE90#81A795#83A09A#85989F#8791A4#898AAA#8C81B0
#89B381#8CA988#8FA08E#929695#958D9C#9783A3#9B77AB
#94B772#98AB7A#9B9F83#9F938B#A28794#A67B9C#AA6CA7
#A1BD5F#A5AE6A#AA9F74#AE907F#B38189#B77294#BD5FA1

Colorpallet from #5FA1BD to #A1BD5F and to #BDA15F
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#6AA5AE#6BA4AE#6BA4AE#6CA3AE#6DA2AE#6DA2AE#6EA1AE
#74AA9F#75A99F#77A79F#78A69F#7AA49F#7BA39F#7DA19F
#7FAE90#81AC90#83AA90#85A890#87A690#89A490#8CA190
#89B381#8CB081#8FAD81#92AA81#95A781#97A581#9BA181
#94B772#98B372#9BB072#9FAC72#A2A972#A6A572#AAA172
#A1BD5F#A5B95F#AAB45F#AEB05F#B3AB5F#B7A75F#BDA15F

Colorpallet from #5FA1BD to #BD5FA1 and to #BDA15F
#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD#5FA1BD
#6E96B9#6E98B7#6E9AB5#6E9BB4#6E9DB2#6E9FB0#6EA1AE
#7D8CB4#7D8FB1#7D93AD#7D96AA#7D99A7#7D9DA3#7DA19F
#8C81B0#8C86AB#8C8BA6#8C90A1#8C959C#8C9B96#8CA190
#9B77AB#9B7EA4#9B849E#9B8B97#9B9290#9B9989#9BA181
#AA6CA7#AA749F#AA7D96#AA858E#AA8E85#AA967D#AAA172
#BD5FA1#BD6A96#BD748C#BD7F81#BD8977#BD946C#BDA15F