Contrast Checker
Check color contrast ratios for WCAG accessibility compliance
Foreground Color
Background Color
Preview
Sample Heading
This is a sample paragraph to demonstrate how the foreground and background colors work together. The contrast ratio determines how readable this text is.
Small text like this requires higher contrast ratios for accessibility compliance.
Contrast Analysis
21.00:1
AAAAccessibility Score100/100
WCAG Guidelines
AAAEnhanced (7:1 ratio)
✓ PassAAStandard (4.5:1 ratio)
✓ PassAA LargeLarge text (3:1 ratio)
✓ Pass