WCAG 2.2 Color Contrast Calculator
Compare foreground and background colors with HEX or RGB values to calculate contrast ratio instantly. Use this calculator to validate text contrast against WCAG 2.2 thresholds for AA and AAA conformance.
Enter colors
Results
21.00:1
Contrast ratio between #000000 and #FFFFFF.
The quick brown fox jumps over the lazy dog.
Sample text preview in your selected colors.
WCAG 2.2 Conformance
WCAG text contrast requirements are defined at AA and AAA. Level A does not define text contrast thresholds.
Small Text AA Pass. Small Text AAA Pass. Large Text AA Pass. Large Text AAA Pass.
Small text
Requires 4.5:1 or higher
Requires 7:1 or higher
Large text
Requires 3:1 or higher
Requires 4.5:1 or higher
WCAG 2.2 color contrast guidance
Use these official references when documenting accessibility conformance and evaluating text and UI component contrast requirements.
- SC 1.4.3 Contrast (Minimum): WCAG 2.2 | Understanding
- SC 1.4.6 Contrast (Enhanced): WCAG 2.2 | Understanding
- SC 1.4.11 Non-text Contrast: WCAG 2.2 | Understanding