Check WCAG color contrast ratios for accessibility compliance instantly
Good contrast for small text (below 18pt) and Excellent contrast for large text (above 18pt or bold above 14pt)
"Even though you know a thousand things, ask the man who knows one."
—Turkish proverb
Font: Inter • Size: 18px • Weight: 400
Normal text: 7:1 minimum
Large text: 4.5:1 minimum
Normal text: 4.5:1 minimum
Large text: 3:1 minimum
18pt and larger, or 14pt bold and larger
WCAG (Web Content Accessibility Guidelines) contrast ratio measures the difference in luminance between foreground and background colors. A ratio of 4.5:1 is required for AA compliance with normal text, and 7:1 for AAA compliance.
AA level requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA level is more stringent, requiring 7:1 for normal text and 4.5:1 for large text.
Adequate color contrast ensures that text is readable for users with visual impairments, including color blindness and low vision. It's also required by law in many jurisdictions for public-facing websites.
Large text is defined as 18pt (24px) and larger for regular weight, or 14pt (approximately 18.5px) and larger for bold text. Large text has lower contrast requirements because it's easier to read.
You can improve contrast by making your text color darker and background lighter (or vice versa), choosing colors further apart on the color spectrum, or avoiding similar hues. Our swap colors feature can help you experiment quickly.
Check WCAG color contrast ratios for accessibility compliance instantly
Good contrast for small text (below 18pt) and Excellent contrast for large text (above 18pt or bold above 14pt)
"Even though you know a thousand things, ask the man who knows one."
—Turkish proverb
Font: Inter • Size: 18px • Weight: 400
Normal text: 7:1 minimum
Large text: 4.5:1 minimum
Normal text: 4.5:1 minimum
Large text: 3:1 minimum
18pt and larger, or 14pt bold and larger
WCAG (Web Content Accessibility Guidelines) contrast ratio measures the difference in luminance between foreground and background colors. A ratio of 4.5:1 is required for AA compliance with normal text, and 7:1 for AAA compliance.
AA level requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA level is more stringent, requiring 7:1 for normal text and 4.5:1 for large text.
Adequate color contrast ensures that text is readable for users with visual impairments, including color blindness and low vision. It's also required by law in many jurisdictions for public-facing websites.
Large text is defined as 18pt (24px) and larger for regular weight, or 14pt (approximately 18.5px) and larger for bold text. Large text has lower contrast requirements because it's easier to read.
You can improve contrast by making your text color darker and background lighter (or vice versa), choosing colors further apart on the color spectrum, or avoiding similar hues. Our swap colors feature can help you experiment quickly.