If you have been designing websites for any length of time, you have probably stumbled across the term web safe colors. Maybe you saw it in an old CSS tutorial, or maybe a client asked whether their brand palette is “safe” for the web. At Zach’s Web Designs, we get this question often enough that we decided to put together a complete, practical reference you can bookmark.
This guide covers what the 216 web safe colors are, why they were invented, whether they still matter in 2026, and includes the full hex reference organized by hue.
What Are Web Safe Colors?
Web safe colors are a standardized palette of 216 colors that were guaranteed to display consistently across every major browser and operating system, regardless of the display hardware being used. They are built on the RGB color model, using only six specific values for each of the red, green, and blue channels:
- 00 (0)
- 33 (51)
- 66 (102)
- 99 (153)
- CC (204)
- FF (255)
Six values across three channels gives you 6 x 6 x 6 = 216 unique colors. Every web safe hex code is a combination of those six values, which is why you will see codes like #3366CC or #FF9900 in the palette but never something like #3467D1.
Why the Web Safe Palette Was Created
Back in the mid 1990s, most computer monitors could only display 256 colors at once (an 8-bit display). Different operating systems reserved different colors for their system interfaces, which meant that a color perfectly rendered on Windows could look completely wrong on a Mac.
Netscape engineer Lynda Weinman identified the 216 colors that both Windows and Mac systems shared, subtracting the 40 colors reserved by system interfaces. The result was a reliable palette that designers could use knowing the output would look identical on every visitor’s screen.
Do Web Safe Colors Still Matter in 2026?
Honest answer: for the vast majority of modern web projects, no. Practically every device sold in the last two decades supports at least 24-bit color (16.7 million colors), and modern displays are pushing into HDR and wide gamut territory.
That said, the web safe palette is not completely obsolete. Here are the situations where it still comes into play:
- Email design: Some older email clients still render colors inconsistently, and sticking to safer values reduces surprises.
- Embedded and kiosk displays: Digital signage and low-power industrial screens sometimes use limited color depths.
- E-ink and accessibility devices: Simple palettes translate better to grayscale and specialized readers.
- Retro and nostalgic design: If you are intentionally building something with a 90s aesthetic, this palette is your friend.
- Print-to-web workflows: When consistency across mediums matters more than vibrancy.
- Very low bandwidth or legacy device support: Rare, but still relevant for global audiences with older hardware.
The Full Web Safe Color Palette by Hue
Below is the complete reference of all 216 web safe hex codes, organized by dominant hue for easy browsing.
Reds and Pinks
| #FF0000 | #FF0033 | #FF0066 | #FF3300 | #FF3333 | #FF3366 |
| #CC0000 | #CC0033 | #CC3333 | #CC3366 | #990000 | #990033 |
| #FF6699 | #FF3399 | #FF0099 | #FF66CC | #FF99CC | #FFCCCC |
Oranges and Browns
| #FF6600 | #FF9900 | #FFCC00 | #FF9933 | #FF9966 | #FFCC66 |
| #CC6600 | #CC9900 | #996600 | #993300 | #663300 | #663333 |
Yellows
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #CCCC00 |
| #CCCC33 | #999900 | #999933 | #666600 | #666633 | #333300 |
Greens
| #00FF00 | #33FF00 | #66FF00 | #99FF00 | #CCFF00 | #00CC00 |
| #009900 | #006600 | #003300 | #33CC33 | #66CC66 | #99CC99 |
| #00FF33 | #00FF66 | #00FF99 | #33FF66 | #66FF99 | #99FFCC |
Cyans and Teals
| #00FFFF | #33FFFF | #66FFFF | #99FFFF | #CCFFFF | #00CCCC |
| #009999 | #006666 | #003333 | #33CCCC | #66CCCC | #99CCCC |
Blues
| #0000FF | #0033FF | #0066FF | #0099FF | #00CCFF | #3366FF |
| #0000CC | #000099 | #000066 | #000033 | #3333CC | #6666CC |
| #6699FF | #99CCFF | #CCCCFF | #9999FF | #3399FF | #6666FF |
Purples and Magentas
| #FF00FF | #CC00CC | #990099 | #660066 | #330033 | #9900CC |
| #CC33FF | #CC66FF | #CC99FF | #9933CC | #663399 | #330066 |
Grays and Neutrals
| #FFFFFF | #CCCCCC | #999999 | #666666 | #333333 | #000000 |
Note: This chart highlights the most commonly used swatches. The full 216 palette includes every combination of the six RGB values (00, 33, 66, 99, CC, FF).
How to Identify a Web Safe Color
The easiest way to check if a hex code is web safe is to look at its pairs:
- Break the hex code into three pairs (RR, GG, BB).
- Each pair must be one of: 00, 33, 66, 99, CC, or FF.
- Both characters in each pair must match.
For example, #3366CC is web safe, but #000044 is not (44 is not one of the six valid values, even though the pair matches itself).
Modern Best Practices at Zach’s Web Designs
Rather than restricting ourselves to 216 colors, we recommend a more nuanced approach in 2026:
- Design in the full color space for websites, using tools that account for accessibility contrast (WCAG 2.2 AA minimum).
- Test across devices including modern OLED phones, budget Android screens, and standard laptops.
- Use system fonts and CSS variables to define your palette centrally, making updates easier than picking from a fixed list.
- Reserve the web safe palette for email templates, retro projects, or specific legacy support cases.
- Consider wide-gamut (P3) colors for premium brand experiences on supported hardware, with fallbacks defined in CSS.
Frequently Asked Questions
What are the safe colors for the web?
The 216 web safe colors are combinations of the RGB values 00, 33, 66, 99, CC, and FF. Any hex code using only pairs of these six values falls within the palette.
Are web safe colors still relevant today?
For modern websites, they are largely unnecessary since virtually all displays support millions of colors. They still have niche value in email design, digital signage, kiosks, and retro-styled projects.
Is #000044 a web safe color?
No. While the pair “44” matches itself, it is not one of the six approved values (00, 33, 66, 99, CC, FF), so #000044 falls outside the web safe palette.
What is the 3 color rule for websites?
The 3 color rule (or 60-30-10 rule) suggests using one dominant color for about 60% of the design, a secondary color for 30%, and an accent color for the remaining 10%. It creates visual balance and helps guide the user’s eye without overwhelming them.
Where can I test if my colors display correctly?
Use browser dev tools to preview color rendering, and tools like BrowserStack or Sim.eco to test on real devices. For accessibility, WebAIM’s contrast checker remains the gold standard.
Final Thoughts
The web safe color palette is a beautiful piece of internet history. It solved a very real problem in an era when hardware limitations dictated design choices. Today, it is more of a curiosity than a strict rule, but understanding it helps you make smarter decisions about when consistency matters more than vibrancy.
Need help choosing the right palette for your website, whether classic or cutting edge? Get in touch with our team and we will build a color system that works everywhere your customers are.