Contrast Checker
Calculate the contrast ratio for text and background colors.
Contrast Results:
Contrast Ratio21:1
Small Text
AAA
Enhanced
Large Text
AAA
Enhanced
Normal Text Sample
This paragraph demonstrates how your selected colors appear for standard body text. The quick brown fox jumps over the lazy dog.
Here's an example of smaller text, which may be used for captions or less important information.
Large Text Sample
This demonstrates large text, which has different contrast requirements (3:1) according to WCAG guidelines.
Bold text at 14pt or larger also falls under this category.
WCAG 2.1 Requirements
- Normal text: minimum contrast ratio of 4.5:1
- Large text (18pt+ or 14pt+ bold): minimum contrast ratio of 3:1
- AAA level for normal text: 7:1
- AAA level for large text: 4.5:1