Accessibility Contrast Checker

Verify that your foreground and background colors meet WCAG 2.1 compliance for text readability.

Text Color (Foreground)

Background Color

Compliance Suggestions

Contrast Ratio1.00:1Luminance: Text 0.000 | BG 0.000

AA Normal Text (4.5:1) FAIL

AA Large Text (3.0:1) FAIL

AAA Normal Text (7.0:1) FAIL

AAA Large Text (4.5:1) FAIL

Interactive Sample Rendering

Normal Text (14pt / 16px)

Design is not just what it looks like and feels like. Design is how it works.

Large Text (18pt / 24px Bold)

Design is not just what it looks like and feels like. Design is how it works.