MCP For Claude Marketplace
Color Contrast Checker

Color Contrast Checker MCP Connector for Claude

F

Instantly verify if your text is readable on any background. WCAG 2.1 AA/AAA compliance in one call — the AI guesses ratios, this engine calculates them.

1 tools Official Updated Jun 28, 2026 Official Vinkius Partner
More Details Connect to Claude

Your agent just picked #6c757d text on a #e9ecef background. Looks fine, right? Wrong — it fails WCAG AA with a 3.9:1 ratio. Your users with low vision can't read it, and your client's accessibility audit just failed.

This MCP uses the official WCAG 2.1 relative luminance formula to calculate the exact contrast ratio between any two colors. No approximation. No hallucination. Just the math that the W3C defined.

The Superpowers

  • Full WCAG 2.1 Matrix: AA and AAA compliance checked for both normal text (4.5:1 / 7:1) and large text (3:1 / 4.5:1) simultaneously.
  • Any Color Format: Pass HEX, RGB, HSL, or CSS named colors — mix and match freely.
  • Human Verdict: Returns 'Excellent (AAA)', 'Good (AA)', 'Large Text Only', or 'Fail' — no ratio tables to memorize.
  • Exact Ratio: The precise contrast ratio to 2 decimal places, not a guess.
accessibilitywcag-complianceui-designcolor-theoryweb-standards

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

check_color_contrast

Pass foreground and background colors in any format (HEX, RGB, HSL, CSS name). Returns the exact contrast ratio, WCAG AA/AAA pass/fail for both normal and large text, and a human-readable verdict. AI cannot reliably calculate contrast ratios — this engine uses the official WCAG 2.1 relative luminance formula. Checks WCAG 2.1 color contrast ratio between foreground and background. Returns AA/AAA compliance for normal and large text

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

I'm using white text (#ffffff) on this blue button (#2563eb). Does it pass accessibility standards?

Contrast: 4.68:1 | AA Normal: ✅ Pass | AA Large: ✅ Pass | AAA Normal: ❌ Fail | Verdict: Good (AA)

Our legal team says our website must meet AAA. Check if #1a1a2e background with #e2e8f0 text qualifies.

Contrast: 13.2:1 | AAA Normal: ✅ Pass | Verdict: Excellent (AAA) — exceeds all requirements.

The designer wants 'gray' text on a 'lightgray' background for subtle labels. Will users be able to read it?

Contrast: 1.67:1 | Verdict: ❌ Fail — unreadable. Minimum for any text is 3:1. Suggest using #525252 instead.

No. LLMs cannot reliably calculate relative luminance — they approximate. This engine uses the exact W3C formula: L = 0.2126*R + 0.7152*G + 0.0722*B with sRGB gamma correction. Trust the math, not the prediction.

Related Connectors

WR

Writer (AI Enterprise LLM) MCP

24 tools Official

Access Writer's enterprise-grade LLMs and Knowledge Graph capabilities to generate content, manage files, and query RAG-based data.

A+ View details →
MN

Mighty Networks MCP

12 tools Official

Build thriving online communities with courses, events, and member networking features all under your own brand.

A+ View details →
VE

VSPN Esports DB MCP

10 tools Official

Automate esports intelligence via VSPN — fetch live tournament brackets, deep player telemetry, and team rosters directly from any AI agent.

A+ View details →
KA

Kavak MCP

14 tools Official

Browse, inspect, finance, and reserve certified used cars from Kavak — Mexico's largest online used car platform — directly from any AI agent.

A+ View details →