Pro Contrast Checker
Ensure your designs are accessible to everyone. Verify color combinations against WCAG 2.1 AA and AAA readability standards.
Contrast Ratio
1.00
Fail
AA SmallFail (4.5:1)
AA LargeFail (3:1)
AAA SmallFail (7:1)
AAA SmallFail (4.5:1)
Normal Body Text (16px)
The quick brown fox jumps over the lazy dog. Color contrast is essential for web accessibility.
Large Text (18pt / 24px Bold)
Accessibility Matters
UI Components
Understanding WCAG Levels
- AA (Small Text): Requires 4.5:1 ratio. Standard for normal body text.
- AA (Large Text): Requires 3.0:1 ratio. Applies to text larger than 18pt (24px) or bold 14pt (18.66px).
- AAA (Enhanced): The gold standard. 7.0:1 for small text, 4.5:1 for large text.