Contrast Checker
Test one text/background pair against WCAG 2.x and APCA. Accepts hex, rgb() and hsl().
WCAG 2.x
—
WCAG 2.x compares relative luminance as a ratio from 1:1 to 21:1. AA is the standard conformance level; AAA is stricter.
AA · Normal
—
AA · Large
—
AAA · Normal
—
AAA · Large
—
UI Components · 3:1
—
Suggestions to reach AA (4.5:1):
APCA
—
APCA is a newer, perceptually-based model expected to inform WCAG 3. Its Lc score is signed — positive for dark-on-light, negative for light-on-dark.
Preferred · Lc 90
—
Body Text · Lc 75
—
Large Text · Lc 60
—
Simplified guidance — see About for details.
Precise minimum (by font size & weight)
px
Needs Lc
—
—
Preview
Normal text — The quick brown fox jumps over the lazy dog.
Large text — The quick brown fox jumps.