Contrast ratio

The luminance difference between a foreground and background color. WCAG requires 4.5:1 for body text, 3:1 for large text and UI components.

Black on white is 21:1; mid-grey on white might only hit 3:1.

Tap the example to replay it · press and hold to slow it down