Contrast Analyzer

Check WCAG color accessibility instantly

Contrast Ratio
21.00:1
Passes all
Normal Text (< 18pt)
WCAG AA (4.5:1) Pass
WCAG AAA (7.0:1) Pass
Large Text (≥ 18pt or bold)
WCAG AA (3.0:1) Pass
WCAG AAA (4.5:1) Pass
UI Components / Graphics
WCAG AA (3.0:1) Pass

Live Preview

Accessibility Matters

This is how your normal paragraph text looks against the background. Ensure the contrast is high enough for readability.

UI Element