Tool / 03 · WCAG 2.2
Contrast Workbench
Test an opaque foreground and background using the WCAG 2 relative-luminance formula. Results use the unrounded ratio.
Runs locally · Shareable colors are never uploaded
Live preview
Readable is a system property.
Contrast is one part of accessibility. Type size, weight, spacing, context, and user settings still matter.
Contrast ratio—
Normal text · AA—4.5:1
Large text · AA—3:1
Normal text · AAA—7:1
Large text · AAA—4.5:1
UI components—3:1