Skip to main content Accessibility Feedback

Design Tip: Never Use Black

Quite some time ago I learned to never use pure black (#000000) on pure white (#ffffff) in web design, as it’s actually much harder to read.

Ian Storm Taylor explains why…

When you put pure black next to a set of meticulously picked colors, the black overpowers everything else. It stands out because it’s not natural. All of the “black” everyday objects around you have some amount of light bouncing off of them, which means they aren’t black, they’re dark gray. And that light probably has a tint to it, so they’re not even dark gray, they’re colored-dark gray.

For a pure white background, #333333 is an often used benchmark for readable font color on the web.


🔥 Hot off the press! I just launched a new pocket guide. Learn about ES6 arrow functions, let and const, function hoisting, and more.

Have any questions or comments about this post? Email me at chris@gomakethings.com or contact me on Twitter at @ChrisFerdinandi.

Get Daily Developer Tips