What is WCAG AA contrast? The 4.5:1 ratio requirement explained for body text

WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text (under 18pt or 14pt bold) against its background. This is the legal accessibility standard in most jurisdictions (Section 508 in the US, EN 301 549 in the EU) and the minimum bar every website should clear.

WCAG level
WCAG AA
Minimum contrast (4.5:1+)
Example ratio
4.5:1
#767676 on #FFFFFF
Category
WCAG Levels
Accessibility knowledge base

Calculator

Back to Home

Contrast Checker

Check color contrast for accessibility.

0%
100%
Contrast Ratio
21.00:1

Large Text

Normal text sample.

AA Normal
Normal text (< 18pt)
AA Large
Large text (≥ 18pt)
AAA Normal
Normal text (< 18pt)
AAA Large
Large text (≥ 18pt)
UI Components
Graphical objects

How this is calculated

A contrast ratio of 4.5:1 means the lighter color is 4.5 times as bright as the darker color, as measured by the WCAG relative luminance formula. Pure black (#000000) on pure white (#FFFFFF) has a ratio of 21:1, the maximum. A medium gray (#767676) on white has a ratio of exactly 4.5:1, barely passing. Designers often push body text lighter for aesthetic reasons ("it looks cleaner"), but anything below 4.5:1 is literally unreadable for users with low vision, color blindness, or in bright ambient light.

Verdict

Always meet WCAG AA for body text. It's not aspirational; it's the floor. Use a contrast checker during design, not as an afterthought. If your brand palette doesn't have accessible text-background pairings, create accessible variants for your digital products.

More WCAG Levels scenarios

Frequently asked questions

What's the difference between WCAG AA and AAA?
AA is the minimum legal standard (4.5:1 for normal text). AAA is the enhanced standard (7:1 for normal text). AAA is recommended but not always practical for design systems. Most sites target AA compliance.