What is Contrast

December 9, 2017

Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable.

In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view.

Contrast ratio

Contrast ratio refers to how bright or dark colors appear on screens.

WCAG 2.0 guidelines dictate a minimum contrast ratio of 4.5:1 for the visual presentation of both text and images embedded as text.

The 4.5:1 contrast ratio is intended to address the loss of contrast that users experience if they have low visual acuity, age-related loss of contrast sensitivity, or color deficiencies.

Normalize sized text

Bold text or text larger than 24px

Libraries