Contrast Ratio Checker

Check WCAG 2.1 color contrast compliance for accessible design

Foreground (Text)

Background

12.63:1

Contrast Ratio

AA Normal Text Requires 4.5:1

PASS

AA Large Text Requires 3:1

PASS

AAA Normal Text Requires 7:1

PASS

AAA Large Text Requires 4.5:1

PASS

Live Preview

Heading Text

This is body text rendered with your chosen foreground color on the background color. Check readability here.

This is small text (14px equivalent) — hardest to read at low contrast.