Color contrast: a mandatory criterion when designing a brand

Brand identity looks sharp on design screens, but outdoors the text fades, signs become hard to read, and logos on uniforms nearly disappear. This is not a printing error or a material fault. This is a design flaw: color contrast has never been tested outside the ideal environment of the software.

Color contrast is the ratio of brightness difference between two colors placed next to each other, typically text and background, or icon and background. This ratio determines whether the human eye can distinguish between the two colors in real-world conditions. And real-world conditions are not a 27-inch screen set to the correct color profile in a dark room: they are signs in direct noon sunlight, flyers under fluorescent lights in the office, or event banners printed on off-white fabric.

Why design screens lie

Modern screens emit light actively. When viewing design files on high-quality screens, the human eye receives direct light from the pixels. The contrast appears higher than it actually is. Light yellow on a white background may be readable in software, but when printed on paper or displayed on a sign, the background and text reflect the same external light source, and the difference quickly narrows.

Designing an identity system that is only tested on screens overlooks the majority of the brand's actual touchpoints. Signs, packaging, uniforms, printed materials, outdoor LED screens, event banners, all operate in uncontrolled lighting conditions.

Contrast principle: numbers and real meaning

The W3C (World Wide Web Consortium, the organization that sets international web standards) has established the WCAG (Web Content Accessibility Guidelines) criteria for measuring contrast ratios from 1:1 to 21:1. A ratio of 1:1 means two colors are identical and indistinguishable. A ratio of 21:1 is absolute black on absolute white.

WCAG 2.1 requires a minimum ratio of 4.5:1 for normal text and 3:1 for large text or important graphic elements like icons and buttons (criteria 1.4.3 and 1.4.11). This is the threshold for most readers, including those with mild visual impairments, to read under normal conditions.

For brands, Sinh Vũ uses this number as a starting point, not a destination. The reason: outdoor conditions and printed materials significantly reduce perceived contrast compared to screens. Direct sunlight saturates colors, ink-absorbing fabrics create uneven overall darkness, and uncoated paper lightens colors. The 4.5:1 threshold on screens may equate to 3:1 or lower in reality.

Distinctive assets only create memorability when seen and recognized consistently across each touchpoint.

Jenni Romaniuk, Building Distinctive Brand Assets (Ehrenberg-Bass Institute)

Three environments, three tests not to be missed

Contrast needs to be tested separately in each environment, as each has different lighting characteristics:

• Digital screens: check using contrast ratio measurement tools like WebAIM Contrast Checker or Colour Contrast Analyser. Test both light and dark modes, as many brands today appear in both.
• Printing: test print on the exact type of material to be used, not regular office paper. Check under at least two lighting conditions: white light and natural light. Pay special attention when printing light colors on a white background or light yellow on cream paper.
• Outdoors: test the sign or banner sample in direct sunlight during the day. If real testing is not possible, increase the contrast ratio to at least 7:1 as a safety margin.

Brands with multiple touchpoints will need an additional step: testing the logo on a dark background. Many brands design dark logos on a white background, then apply them to black uniforms, dark event backdrops, or night-time LED screens without a color-inverted version. The result is that the logo disappears.

Contrast is not a matter of exclusive access

In the design profession, color contrast is often categorized under "accessibility" (designing for people with disabilities), and thus many branding projects overlook it with the reasoning that "their customers are not visually impaired."

This way of thinking is fundamentally flawed: contrast does not only affect those with poor vision. It affects everyone when viewing conditions are not ideal. A person with normal vision looking at a logo on a sign in bright sunlight encounters exactly the same issue as someone with poor vision looking at a logo on a screen in a brightly lit office.

Poor visibility conditions are the normal state for a brand, not an exception. Streets, events, exhibition halls, backlit stores, phone screens in sunlight, all challenge contrast in ways that design screens can never replicate.

Create application variants, not brand color changes

When discovering that the current brand color has low contrast, the first question should not be "Should we change the color?" Brand color is an asset accumulated over time, not to be changed lightly. The right question is: "Does the application system have enough variations for this color to function in all environments?"

Practical solutions that are not complicated. Clearly defined in the brand guidelines for each specific situation: what color logo to use on a white background, what color logo on a dark background, what color logo on a complex background. If the primary color does not provide enough contrast, create an inverted color version or add an intermediary background. Many large brands have four to six official logo variations for different background conditions, not because they lack decisiveness, but because they understand that a single logo cannot perform well on all surfaces.

This is why brand guidelines must clearly specify "which backgrounds the logo is allowed to be used on" rather than just providing the logo file and color palette. Without clear regulations, users will choose based on intuition, resulting in logos in yellow printed on cream paper, white text on bright backgrounds, or gray icons on white backgrounds.

Identity only operates when it is seen

Byron Sharp and the Ehrenberg-Bass group point out that distinctive brand assets can only accumulate in customers' memory when they are recognized consistently across every touchpoint. Each time a logo is unreadable, each time text is faint on a dark background, each time brand colors fade in sunlight is a lost touchpoint. It is not a bad touchpoint, but a touchpoint that did not occur.

A brand that wants to be remembered must first be seen. Color contrast is the first condition for that to happen, in all lighting conditions, on all surfaces, at all sizes. This is not an additional technical requirement after the design is complete. This is a design criterion that must be present from the beginning, on par with proportion, spacing, and font choice.