Color Contrast Checker

Check if your foreground and background colors meet WCAG 2.1 accessibility standards for contrast ratio.

Large Text (18pt+)
Normal body text at standard size for reading. This is how your text will look to users.
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large

Frequently Asked Questions

What contrast ratio do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18pt+ or 14pt bold). WCAG AAA requires 7:1 for normal and 4.5:1 for large text.

What is considered large text?

Large text is 18pt (24px) and above, or 14pt (18.66px) bold and above.

Is my data stored?

No. Everything runs in your browser. Nothing is sent to any server.