1| 2| 3| 4| 5| 6|Color Contrast Checker | WCAG 2.1 Accessibility Ratio Tool 7| 8| 35| 36| 47| 48| 49| 50|
51|

Color Contrast Checker

52|

WCAG 2.1 AA & AAA accessibility compliance for any color combination

53|
54|
55|
56| 57| 58| 59|
60| 61|
62| 63| 64| 65|
66|
67|
Preview Text Here
68|
69|
Contrast Ratio
70|
—
71|
72|WCAG AA Normal 73|WCAG AA Large 74|WCAG AAA Normal 75|WCAG AAA Large 76|
77|
Based on WCAG 2.1 relative luminance formula
78|
79|
80|
81|

WCAG Contrast Requirements

82| 83| 84| 85| 86| 87| 88|
LevelNormal TextLarge Text
AA4.5:13:1
AAA7:14.5:1
89|

Large text = 18pt+ (24px) or 14pt+ (18.5px) bold

90|
91|
92|

Why Color Contrast Matters

93|

94|The Web Content Accessibility Guidelines (WCAG) require minimum contrast ratios between text and its background. Poor contrast makes content unreadable for users with visual impairments, color blindness, or low vision. Compliance isn't just ethical — it's required by law in many jurisdictions (Section 508, ADA, EN 301 549). 95|

96|
97|
98| 164| 165| 166|