Contrast Checker
Ensure your color combinations meet accessibility standards.
Advertisement
Sample Text
This is sample text with the current colors
Smaller text for testing readability
Contrast Results
Contrast Ratio
21.00:1
AAA (Excellent)
WCAG AA (Normal Text):
Pass
WCAG AAA (Normal Text):
Pass
WCAG AA (Large Text):
Pass
WCAG AAA (Large Text):
Pass
WCAG AA (UI Components):
Pass
Accessibility Guidelines
The Web Content Accessibility Guidelines (WCAG) recommend:
- AA (Minimum): 4.5:1 for normal text, 3:1 for large text (18pt+)
- AAA (Enhanced): 7:1 for normal text, 4.5:1 for large text
- UI Components: 3:1 for graphical objects and user interface components
Large text is defined as 18pt (24px) or 14pt (18.66px) bold.
Advertisement