WCAG Contrast Checker

WCAG Contrast Checker MCP Connector for Claude

A+

Evaluate color contrast compliance against WCAG 2.1 and WCAG 3.0 (APCA) standards.

3 tools Official Updated Oct 1, 2026 Official Vinkius Partner

This MCP server provides essential tools for web accessibility testing by calculating color contrast ratios according to WCAG 2.1 and the newer APCA (WCAG 3.0) models. Use calculate_contrast to check specific color pairs, find_compliant_suggestion to automatically adjust colors to meet target levels like AA or AAA, and audit_palette to validate entire color schemes at once.

wcagcontrastaccessibilityapcacolor-paletteui-testing

3 tools expose this connector's capabilities to your AI agent.

find_compliant_suggestion

Suggests a new background color that meets a specific accessibility target by minimally adjusting the current color's lightness

audit_palette

Validates a collection of colors to ensure they all satisfy a specific accessibility standard

calculate_contrast

1 and APCA results. Determines the exact contrast ratio and accessibility pass/fail status for two specific colors

See how to talk to your AI agent using WCAG Contrast Checker.

What is the contrast ratio between #FFFFFF and #000000?

The contrast ratio is 21:1, which passes all WCAG 2.1 levels (AA and AAA) and has a high APCA score.

Check if #767676 on #FFFFFF passes WCAG 2.1 AA Normal.

The contrast ratio is 4.54:1. It passes the AA Normal and AA Large thresholds, but fails AAA Normal.

Suggest a background color for #FF0000 to meet the AAA_NORMAL standard.

The suggested background color is #FFFFFF, which achieves a contrast ratio of 21:1.

The tool supports WCAG 2.1 (Contrast Ratio) and WCAG 3.0 (APCA - Advanced Perceptual Contrast Algorithm).

Related Connectors