Safe Web Colors

Browse the classic 216 web-safe palette. Search, filter, and copy HEX/RGB instantly.

How to Use

  1. Use search to match HEX (like #33CC99) or RGB (like 51, 204, 153).
  2. Click any swatch to view details (HEX, RGB, HSL) and quick copy options.
  3. Use “Copy” buttons to paste into CSS, design docs, or code.
  4. Use “Share Link” in the Tool Menu to generate a restorable URL.
Search & Filters
Fast client-side filtering. No uploads. No tracking beyond standard pageview.
Tip: try #FF, 0, 102, or CC.
Grid is best for browsing; list is best for copying.
“High-contrast” hint is a quick heuristic for readable text on the swatch.
Sorting is client-side and does not change the URL automatically.

Palette

Web-safe colors use channel steps of 00, 33, 66, 99, CC, FF.

Showing: —
Loading palette…
Accessibility note: swatches are keyboard focusable and announce selected color values.
Details (what “web-safe” means)

“Web-safe colors” are a historical palette designed for older displays that could only show a limited set of colors reliably. The standard set uses six fixed intensity values per RGB channel: 00, 33, 66, 99, CC, FF. Combining them produces 216 colors.

  • Why it still matters: quick, consistent palettes; low-bandwidth UI; retro aesthetics; predictable steps.
  • Modern reality: most screens support millions of colors—web-safe is now a convenience, not a requirement.
  • Tip: if you need maximum readability, check contrast (UB has a tool for that).

FAQ

How many safe web colors are there?

216. It’s the 6×6×6 RGB cube formed by 00, 33, 66, 99, CC, FF for each channel.

Is “web-safe” still required today?

Not for modern browsers and displays. It’s mainly useful as a structured palette and for retro/low-fi design constraints.

Why do I see slightly different colors on different screens?

Screen calibration, color profiles, brightness, and panel technology all affect perception—even with the same HEX value.

Does this tool change my URL while I type?

No. Share links are generated only when you press “Share Link.”

Tool Info

Last updated:

Updates may include UI polish, accessibility improvements, sorting tweaks, and additional copy/export formats.