Color Contrast Checker
WCAG AA/AAA checks for text and UI/graphical objects
Contrast ratio
—
AA (Normal)
—
AA (Large)
—
AAA (Normal)
—
AAA (Large)
—
AA (UI/Graphical)
—
Sample normal text — quick brown fox.
Sample large text — quick brown fox.
★
Suggested Foreground Palette
Suggested Background Palette
Recent Color Contrast History
Note: Recommendations ensure at least AA (normal text, 4.5:1). Click a swatch to apply it.
Explanation:
Enter a foreground and background color in RGB hexadecimal format or choose a color using the Color Picker. Enter an Alpha value to adjust the transparency of the foreground color. Use the Lightness slider to adjust the perceived lightness of the color.
WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
Explanation:
Enter a foreground and background color in RGB hexadecimal format or choose a color using the Color Picker. Enter an Alpha value to adjust the transparency of the foreground color. Use the Lightness slider to adjust the perceived lightness of the color.
WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
ContentA11Y Accessibility Testing Services
Web accessibility testing can be difficult! The experts at ContentA11y can audit your web site and provide a detailed report to help you remediate accessibility and WCAG compliance issues.
Contact Us