Contrast ratio
16.88:1
- Normal text · AAAt least 4.5:1
- Pass
- Normal text · AAAAt least 7:1
- Pass
- Large text · AAAt least 3:1
- Pass
- Large text · AAAAt least 4.5:1
- Pass
- UI components & graphics · AAAt least 3:1
- Pass
- QR code · RecommendedAt least 3.0:1 · dark code on light background
- Pass
Live preview
Your colors on normal text, large text, and UI elements. AA and AAA grade the same text samples at different contrast thresholds.
Large text
Normal text. A clear contrast between text and its background makes reading easier.
UI components & graphics
Checks opaque sRGB colors against WCAG 2.2 contrast requirements for AA text, AAA text, and UI components and graphics. These results assess this color pair only; UI and graphic checks apply to required visual information against adjacent colors. The QR recommendation treats the text color as the code color. It is a design guideline, not a scan guarantee; test your finished QR code.