Example Luminosity Contrast Ratios

Contents

Introduction

The purpose of this page is to display luminosity contrast ratios for all web safe colours against a web safe background colour. The results are shown in a table that also includes the difference in brightness, and the difference in colour that are used by the colour contrast analyser for comparison. To test the luminosity contrast ratio for any colour combination, use the luminosity contrast ratio analyser.

The following icons are used in the results to indicate whether or not the result of a calculation is a pass.

Key for the Icons

Icon

Meaning

Indicates the value shown is a failure.

Indicates the value shown is a pass.

Indicates that the luminosity contrast ratio is a level AA pass for large text (at least 18 point or 14 point bold)

Indicates that the luminosity contrast ratio is a level AAA pass for large text (at least 18 point or 14 point bold)

Indicates that the luminosity contrast ratio is a level AA pass for regular text.

Indicates that the luminosity contrast ratio is a level AAA pass for regular text.

Luminosity Contrast Ratios for #903

The following table shows the luminosity contrast ratios for all web safe colours with a background colour of #903, along with the difference in brightness and the difference in colour used by the colour contrast analyser for comparison.