MCP For Claude Marketplace
Color Contrast Checker

Color Contrast Checker MCP Connector for Claude

A+

Check WCAG color contrast compliance via AI — verify text readability against backgrounds for accessible, inclusive web design.

8 tools Official Updated Oct 1, 2026 Official Vinkius Partner
More Details Connect to Claude

Connect Color Contrast Checker to your AI agent and validate WCAG accessibility compliance for any color combination.

What you can do

  • Custom Contrast Checks — Test any foreground/background color pair against WCAG AA and AAA standards
  • Preset Scenarios — Quickly check text on white, text on black, white text on colors, and black text on colors
  • Dark Mode Validation — Verify color contrast for dark mode UI designs
  • Light Mode Validation — Ensure readability in light theme interfaces
  • Accessibility Reporting — Get instant pass/fail reports with contrast ratios

How it works

  1. Subscribe to this server
  2. Enter your Apify API key
  3. Start checking color contrast from Claude, Cursor, or any MCP-compatible client

Who is this for?

  • UI/UX Designers — validate design system colors meet accessibility requirements
  • Web Developers — check contrast ratios during development without leaving the editor
  • Accessibility Auditors — batch-verify color compliance across design tokens
wcagaccessibilitycolor-contrastdesign-systemui-design

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

check_black_text_on_bg

Check contrast of pure black text against a specific background

check_color_contrast

1 contrast ratio for a specific foreground and background color pair to audit visual accessibility. Check the WCAG contrast ratio between a foreground and background color

check_dark_mode_surface

Check contrast against a standard dark mode surface

check_text_on_pure_white

Check contrast of a text color against a pure white background

check_white_text_on_bg

Check contrast of pure white text against a specific background

check_danger_text_contrast

Check contrast of standard danger/error red text on a background

check_light_mode_surface

Check contrast against a standard light mode surface

check_text_on_pure_black

Check contrast of a text color against a pure black background

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

Check if #3B82F6 works on a white background for body text.

Contrast ratio: 4.0:1. ❌ Fails WCAG AA for normal text (needs 4.5:1). ✅ Passes WCAG AA for large text (needs 3:1). Consider darkening to #2563EB (contrast 5.4:1) for full AA compliance.

It checks against both WCAG 2.1 Level AA (minimum 4.5:1 for normal text, 3:1 for large text) and Level AAA (7:1 for normal text, 4.5:1 for large text).

Related Connectors

Wine Color Density Calculator

Wine Color Density Calculator MCP

4 tools Official

Calculates wine colorimetric properties, intensity, and visual perception from spectrophotometric data.

A+ View details →
US ADA Compliance Checker

US ADA Compliance Checker MCP

5 tools Official

Verify architectural elements against US ADA accessibility standards.

A+ View details →
Rug & Room Proportion Calculator

Rug & Room Proportion Calculator MCP

3 tools Official

Validate if rug dimensions follow professional interior design rules for floor borders and furniture anchoring.

A+ View details →
Stretch Factor Calculator

Stretch Factor Calculator MCP

3 tools Official

Calculate exact pixel stretching, aspect ratio matching, and pixel footprint when scaling resolutions.

A+ View details →