TechCompare LogoTechCompare

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

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.

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.

By TechCompare · Updated

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

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

The 4.5:1 ratio comes from the WCAG relative luminance formula (L1 + 0.05) / (L2 + 0.05), where L1 is the brighter and L2 the darker color, and it's the legal accessibility threshold in most jurisdictions (Section 508 in the US, EN 301 549 in the EU). Pure black on white reaches 21:1, while #767676 on white lands at exactly 4.54:1, the edge of passing, which is why designers who push body text lighter for aesthetics land on the wrong side of the ratio fast. The 4.5:1 number itself was chosen against roughly 20/40 vision and bright ambient light, which is why it catches users with low vision, color blindness, and outdoor-screen users in the same pass. Validate every text-background pair during design rather than retrofitting after the palette ships.

More Contrast 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.
How do I calculate the 4.5:1 contrast ratio between two colors?
Use the WCAG relative luminance formula. Convert each color to its relative luminance (a weighted sum of the sRGB channels). The contrast ratio is (L1 + 0.05) / (L2 + 0.05), where L1 is the brighter color and L2 the darker. The result must be >= 4.5 for normal text (< 18pt or 14pt bold).
Which color pairs pass WCAG AA for 4.5:1 body text?
Pure black (#000000) on pure white (#FFFFFF) gives 21:1. Dark text on light backgrounds is the safe pattern. A medium gray (#767676) on white gives exactly 4.54:1, barely passing. Common failures include light gray on white (often ~2.5:1) and brand colors that look fine in isolation but fail at body text sizes.