WCAG Contrast Checker

Color Settings

Foreground (Text) Color

Background Color

The contrast ratio determines how easy it is to read text on a given background. The Web Content Accessibility Guidelines (WCAG) 2.0 require a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (AA standard).

The quick brown fox jumps over the lazy dog. (Large Text - 18pt/24px)

Sphinx of black quartz, judge my vow. This represents normal paragraph text at 14pt (~18.5px) or smaller. Good contrast is essential for readability and accessibility for users with visual impairments.

4.52:1

Contrast Ratio

AA Normal Text Requires 4.5:1

PASS

AA Large Text Requires 3.0:1

PASS

AAA Normal Text Requires 7.0:1

FAIL

AAA Large Text Requires 4.5:1

PASS