LearningDemonstratesv2

Contrast ratio helps predict text readability

Relative luminance compares foreground and background brightness.

Reddit
Output
Contrast ratio #0B1220
A ratio of 4.5:1 or higher supports normal text under WCAG 2.2.
Input
Background #FFFFFF
Text colour #0B1220
Relationship

What connects the input and output?

WCAG contrast divides the lighter relative luminance by the darker one, after adding 0.05. Change the pickers to test other pairings.

Sources

1
  1. WCAG 2.2: Contrast (Minimum)W3C WAICC-BY-4.0

Discussion

0

Sign in to join the discussion.