Designing for Color Blind Users

Designing for Color Blind Users Image

When we are designing apps or websites. We often need to consider designing for Color Blind Users. In this article we will discuss some of the things we think about in designing interfaces that this collection of users isn’t forgotten.

Color Blindness Color blindness is a genetic condition that affects the ability to distinguish certain colors. According to the National Eye Institute, approximately 8% of men and 0.5% of women have some form of color blindness. This means that a significant portion of your website’s audience may have difficulty seeing certain colors.

Best Practices for Designing for Color Blindness When designing for color blindness, it’s essential to keep a few key best practices in mind. By following these guidelines, you can ensure that your website is accessible to everyone, regardless of their visual abilities.

Use High Contrast Colors

High contrast colors make it easier for color-blind users to distinguish between different elements on your website. Use dark colors on a light background or light colors on a dark background to create a clear contrast.

Avoid Red and Green Together

The most common form of color blindness is red-green color blindness, where individuals have difficulty distinguishing between red and green hues. Avoid using red and green together, and opt for alternative colors that offer better contrast.

Use Color-Blind Friendly Color Palettes

Several tools and resources are available that can help you choose color-blind friendly color palettes for your website. Tools like and Contrast Checker allow you to check the contrast of your chosen colors to ensure they are accessible to color-blind users.

Use Texture and Patterns

Using textures and patterns can be an effective way to distinguish between different elements on your website. By adding texture and patterns, you can create a clear distinction between different elements, even for color-blind users.


Designing for color-blind users is essential for creating an accessible website or app. Since we want the products we produce to be user friendly for the widest array of people possible.

Chad Jones Photo
Chad Jones Photo
About the Author

Chad Jones

Chad is the Founder and CEO at Push and was a former Apple Engineer before returning to Saskatchewan to revolutionize the mobile development world. Chad is passionate about creating efficient, well-designed software.