5 Color Choices to Avoid in Your Website

, , Leave a comment

website color choices

Are you in the process of creating a new website for your business? When it comes to web design, colors play a vital role in increasing conversions, reducing bounce rate and ensuring a smooth user experience. We often see websites compromising on readability by using light-colored text on light backgrounds. Also, it’s never “ok” to use red and green in excess, even if you’re making a Christmas-themed website. Here are 5 website color choices to avoid when design your website.

Never use “K” black

Particularly if you cross between print and web projects frequently – as many designers do – pure black can slip into web projects by mistake. Known as “K” black in print projects, because it only use one plate or “Pure” black (#000000) in digital projects, this color is just flat. Pure black doesn’t exist in the real world. Think about reality, all combinations of black are actually filtered with other hues to give it that richness. Moreover, black text on white background is difficult to read. Try cod grey (#111111) or similar color on text

 

Red and green don’t play well together

Red and green need at least one other color separating them. Because for users with deuteranopia (a form of color blindness) it’s difficult to distinguish between them. Moreover, these colors are opposite end of the color wheel and naturally clash.

 

Neon colors in UI elements

Neon colors can be fun, spunky and add a lot of pop to a design. Unfortunately, they are incredibly hard on the eyes, giving users that “teared up” feeling where everything hurts to look at. The problem with neons is that they are too bright to read with ease and cause problems paired with dark or light backgrounds. Only use neon colors in artistic illustrations. As user interface elements or text neons are not setting best.

 

Light colors on white backgrounds

With the recent increase of header background image there are more light-on-light or dark-on-dark mishaps than ever before. This is one of those mistakes that happens all of the time. maybe it is because of certain screen settings that make it workable, but light on light color combinations just don’t cut it. Try adding a darkening layer to your header images if your heading is white

 

Bright colors with brighter colors

Just like light on light, and combination of similar color saturations will cause issues. It should go without saying, but avoid them. If you think this won’t happen to you, be careful when you use monotone color schemes. That’s when designers tend to slip up here. Approach bright colors usage with minimalism and legibility in mind

 

Share this: