Skip to content

A Guide to Web Safe Colors

There are over 16.7 million colors to choose from on a computer. Of those millions of colors, only 216 of them are considered to be Web Safe. This handy Web Safe Color Chart will help you to choose the absolute best colors for your digital and printed projects/products!

What are Web Safe Colors?

Web Safe Colors are colors that look pretty much the same regardless of the device being used. For example, if you create a slide presentation with Web Safe Colors using your PC, the colors should look the same whether the end user views it with an iPad, phone, tablet, etc. If non-Web Safe Colors are used, the difference may not be drastic between devices, but it may not look quite the way you designed it to the end user.

How Can A Web Safe Color Chart Help?

My Web Safe Color Chart can help you find the best colors for your digital products. You’ll notice that each color has a series of letters and/or numbers on it. This is called the Hex Code for that color. 

Web Safe Color Chart Example

The first page of the chart has black, green, blue, and cyan. The last page of the chart has red, yellow, magenta, and white. The pages in between have various shades of these colors. Unfortunately, true orange, indigo, violet, gray, and brown are not Web Safe. I have included a bonus page for my color chart with Web Safe alternatives for them.

My Computer Already Has a Default Color Palette, Can’t I Just Use That?

Sure, but the default color palette may not have Web Safe Colors in it. I use a Chromebook, and my default color palette has 80 colors. Pretty good, right? Well, only 17 of them are Web Safe!

It’s pretty easy to pick your own colors if you haven’t tried it before. Simply go to your color palette and look for a button that says “Custom”. When you click on it, a new box will pop up where you can type in the Hex Code of the color you chose from the Web Safe Color Chart. These steps may vary a bit depending on the device you are using.

What About Printed Stuff?

Have you ever spent a long time getting the colors in your project to look just right on your computer, only to do a test print and see that the colors look different? It can be super frustrating! The cool thing about my Web Safe Color Chart is that you can print it out to see how each color looks printed. Then, you can use your printed chart to choose colors for any products or projects that you plan to print. It may look a little “off” while you are designing it on your computer, but it will save time in the long run, knowing that you won’t need to print ten versions trying to get the colors to look right.


Thank you for checking out my Guide to Web Safe Colors! You can download my Web Safe Color Chart for free with the link below!

“The light shines in the darkness, and the darkness has not overcome it.”

John 1:5

Would you like to support my blog? It’s as simple as clicking one of the links below and making any regular purchase. For more ways you can show your support, check out my Support Me page.

Download the FREE Web Safe Color Chart PDF from my store: Curiosity Trail

Leave a Reply

Your email address will not be published. Required fields are marked *