Contrast
Checker
WCAG 2 Color Contrast
Module
04
Readable headings carry the page
Body copy is where contrast matters most. This paragraph sits at 16px on your chosen background, so you can judge how an actual block of running text holds up before shipping it.
Caption and helper text drops to 13px — the hardest size to keep legible.
—
Contrast Ratio
Normal Text
AA · 4.5:1
—
Normal Text
AAA · 7:1
—
Large Text
AA · 3:1
—
Large Text
AAA · 4.5:1
—
UI & Graphics
Icons · 3:1
—