Color Contrast
Check WCAG contrast
Contrast ratio
19.75
Normal text
WCAG AAPass
WCAG AAAPass
Large text
WCAG AAPass
WCAG AAAPass
Preview text
Sample heading
Sample body text for contrast checking.
Frequently Asked Questions
What is color contrast ratio?
Contrast ratio measures the luminance difference between foreground and background colors.
What do WCAG AA and AAA mean?
They are accessibility levels. AA requires 4.5:1 for normal text and 3:1 for large text; AAA is stricter at 7:1 and 4.5:1.
Does font size affect contrast requirements?
Yes, large text has a lower minimum ratio than normal text because it is easier to read.