Color Contrast Checker
Check color contrast for WCAG accessibility compliance
Color Selection
Preview
Sample Heading
This is a sample paragraph with normal text size. It helps you visualize how the color combination will look in practice.
Large text example (18pt+)
Accessibility Results
21.00:1
Contrast Ratio
WCAG AAA
Excellent accessibility - passes all requirements
Normal Text (12-18pt)
Pass
Large Text (18pt+)
Pass
UI Components
Pass
• WCAG AA: 4.5:1 normal text, 3:1 large text
• WCAG AAA: 7:1 normal text, 4.5:1 large text
• UI Components: 3:1 minimum contrast