Color Contrast Checker

Test whether your foreground and background colors meet WCAG 2.1 accessibility standards. Adjust the colors below to see the contrast ratio update in real time.

The quick brown fox

jumps over the lazy dog — 1234567890

Small sample text for contrast preview.

Contrast ratio
Normal text — WCAG AA (4.5:1)
Normal text — WCAG AAA (7:1)
Large text — WCAG AA (3:1)
Large text — WCAG AAA (4.5:1)
UI components & graphics (3:1)

About WCAG contrast requirements

Large text is defined as 18pt (24px) or 14pt (18.66px) bold or larger. Everything else counts as normal text.

WCAG 2.1 Level AA is the common legal standard (ADA, EAA, Section 508). AAA is the enhanced target for critical content. Contrast is calculated using the WCAG relative luminance formula.