Color Tools • 100% Client-Side

WCAG 2.1 Color Contrast Checker

Check background and text color contrast ratios against WCAG 2.1 AA and AAA accessibility standards.

Interactive ColorHEX ↔RGB ↔CSS GradientAdvanced CSSHarmonious ColorWCAG 2.1Tailwind CSSMaterial DesignColor Blindness

Color Inputs

WCAG Contrast Ratio

6.29 : 1
Sample Heading Text
This sample card tests WCAG 2.1 legibility and contrast compliance ratio between foreground and background colors.
AA Normal (PASS)
AA Large (PASS)
AAA Normal (FAIL)

Frequently Asked Questions

WCAG 2.1 AA compliance requires a minimum contrast ratio of 4.5:1 for normal text and 3.0:1 for large text (18pt+ or 14pt bold).

Related Color Tools

Interactive Color Picker & Converter
Pick any color visually, inspect HEX, RGB, HSL, HSV, and CMYK formats with instant 1-click copying.
HEX ↔ RGB Color Converter
Convert HEX hexadecimals to RGB values and vice-versa in real time with CSS code generation.
RGB ↔ HSL Color Converter
Convert RGB (Red, Green, Blue) to HSL (Hue, Saturation, Lightness) and HSV color spaces instantly.