Color Contrast Checker

Check WCAG AA and AAA accessibility contrast ratios between text and background colors.

Pro Tip: Easily inspect, convert, and harmonize palette swatches across HEX, RGB, and HSL.

How It Works

Test color combinations for accessibility compliance. Enter foreground and background colors to instantly calculate the contrast ratio and see whether it passes WCAG 2.1 AA (4.5:1) and AAA (7:1) standards.

Enter foreground color

Pick your text color.

Enter background color

Pick your background color.

Check compliance

See pass/fail for WCAG AA and AAA.

Key Features & Capabilities

WCAG 2.1 AA and AAA compliance check

Live contrast ratio display

Normal and large text thresholds

Live preview of text on background

Suggestions for passing colors

Frequently Asked Questions

WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios to ensure readability for users with visual impairments.

Related Utilities

Color Picker

Visual color picker with HEX, RGB, HSL, CMYK values, color history, and instant copy.

Color Tools

Color Converter

Convert colors between HEX, RGB, HSL, HSV, and CMYK formats instantly.

Color Tools

Your files are processed locally in your browser. No data is uploaded to any server.