Web Safe Colors Cheat Sheet and Modern Alternatives
Understand classic web safe colors and when to use modern HEX, RGB and accessible palette choices instead.
| Use | Value | Note |
|---|---|---|
| Black | #000000 | Classic text color, often too harsh for long UI text. |
| White | #FFFFFF | Useful background, but soften large areas when needed. |
| Red | #FF0000 | High attention color, use carefully. |
| Blue | #0000FF | Classic link blue, modern UIs often use softer blues. |
| Gray | #808080 | Neutral base for borders and secondary text. |
Copy snippet
:root {
--modern-text: #111827;
--modern-link: #2563eb;
--modern-border: #d1d5db;
}