This test allows you to compare two colors and test them using the color contrast algorithms specified for the Web Content Accessibility Guidelines (WCAG) versions 1 and 2.

WCAG 1: Tests of relative brightness and color differences

Difference in Brightness: 102 (Threshold: over 125)
Difference in color: 306 (Threshold: over 500)

The color combination specified fails both the brightness and color difference tests.

WCAG 2: Test of relative luminosity

Luminosity Contrast Ratio: 2.85:1 (Threshold: greater than 7:1 for AAA, 4.5:1 for AA)

The colors compared do not pass the relative luminosity test.

FAIL

Large Print Example

Small Print Example

Large Print Example (Inverted)

Small Print Example (Inverted)

Values to Test



Return to Top

« Testing Color Contrast | Simple Two-color Contrast Test | Accessible Design Blog | Joe Dolson Accessible Web Design

This work is licensed under a Creative Commons license with some rights reserved.