Webzstore
What Are Web Safe Colors?
The web safe palette is a set of 216 colors that was designed in the 1990s for displays that could show only 256 colors at once. Each color is built from red, green and blue values taken from just six steps, so a browser on such a display could show them without dithering (mixing dots of two other colors to approximate one). It was a practical workaround for the hardware of that era, not a guarantee that a color looks identical on every screen. Even today, the same hex value can look different on different displays, because of screen type, brightness, color profile and viewing conditions.
How the 216 Colors Are Built
Every web safe color uses one of six values for each of the red, green and blue channels. Six red values multiplied by six green values multiplied by six blue values gives 216 combinations. In hex colors, each channel is one of the following pairs.
| Hex pair | Decimal (0 to 255) | Share of full intensity |
|---|---|---|
00 | 0 | 0% |
33 | 51 | 20% |
66 | 102 | 40% |
99 | 153 | 60% |
CC | 204 | 80% |
FF | 255 | 100% |
Combine one pair for each channel to get a web safe color. For example, #000000 is black, #FFFFFF is white, #FF0000 is pure red, #003366 is a dark blue and #99CC33 is a yellow-green. Short CSS notation works too: #036 expands to #003366.
The Creation of Web Safe Colors
Many computers in the 1990s could display only 256 colors at once, and operating systems reserved some of those for their own interface. Choosing 216 evenly spaced colors left room for those system colors, so designers had a set that was unlikely to be dithered on 256-color screens. This mattered in the early days of web design, when many visitors used such displays.
The Role of Web Safe Colors
These colors were useful in early web design for logos, backgrounds and text that had to avoid visible dithering on limited displays. They also gave designers a shared, easy-to-remember palette, which made them an early part of web color practice.
Current Relevance
Almost all current screens show millions of colors, so you do not need to restrict a design to the web safe palette. Today, colors are chosen for brand fit, contrast and readability rather than for the 216-color limit. Check text and background combinations against the WCAG contrast guidance, and remember that appearance still varies between displays. The web safe palette remains a useful piece of web history and a simple way to see how hex color values work.
