DESIGNOpen source

WCAG Color Contrast Checker Test Text & UI Element Contrast Ratios for WCAG 2.1 AA / AAA Compliance

Test web color contrast ratios against WCAG 2.1 AA and AAA accessibility standards for text and UI components.

Back home
Contrast Ratio
21.00 : 1
WCAG AA
PASS
WCAG AAA
PASS

Detailed Compliance Breakdown

Requirement Category
Min Ratio
Status
AA Normal Text (< 18pt)
4.5:1
Pass
AA Large Text (≥ 18pt or 14pt bold)
3.0:1
Pass
AAA Normal Text (< 18pt)
7.0:1
Pass
AAA Large Text (≥ 18pt or 14pt bold)
4.5:1
Pass
UI Components & Graphical Icons
3.0:1
Pass

Typography Preview

Large Headline Text Sample

Normal body text preview. Good contrast ensures users with visual impairments or screen glare can comfortably read page content.