Color Contrast Checker

PASS
AA Large
3:1 required
PASS
AAA Large
4.5:1 required
PASS
AA Normal
4.5:1 required
PASS
AAA Normal
7:1 required
Aa
7.68
Contrast Ratio
4.5:1
Drag slider to automatically adjust background color to target ratio

Popular Accessible Palettes

AAA Normal (7:1+)

AA Normal (4.5:1+)

AA Large (3:1+)

Sample Text

Large Text - 18pt/24px

This is an example of large text that meets WCAG guidelines when the contrast ratio is 3:1 or higher. Large text is easier to read and requires less contrast than normal text. This makes it more accessible for users with visual impairments while maintaining good readability for all users.

Normal Text - 16px

This represents normal-sized text that requires a higher contrast ratio of 4.5:1 for AA compliance and 7:1 for AAA compliance. Normal text is the most common type of content on websites and applications, so ensuring proper contrast here is crucial for accessibility and user experience.