WCAG Contrast Checker
100% Client-Side PrivacyFree WCAG contrast checker — test any two colors against WCAG 2.1 AA/AAA for normal text, large text and UI components.
Quick Features
- Exact WCAG 2.1 contrast ratio
- AA and AAA pass/fail for normal and large text
- Relative luminance readout for each color
- One-click adjust to reach 4.5:1
- Realistic text preview
- Accessibility tips built in
How to use WCAG Contrast Checker
Enter two colors
Set a foreground (text) and a background color.
Read the verdict
See the ratio and whether it passes WCAG AA/AAA for normal and large text.
Fix it fast
Use the lighten/darken buttons to nudge a color to a passing ratio.
Why choose this tool
- Completely free — no signup or hidden limits
- Runs 100% in your browser — your data stays private
- Instant results, no downloads or installs
- Works on any device with a modern browser
Common Use Cases
- Ensure body text meets WCAG AA before launch
- Audit brand color combinations for accessibility
- Pick accessible button and link colors
- Comply with ADA and similar accessibility regulations
Technical Details
Frequently Asked Questions
What contrast ratio do I need for WCAG AA?
Normal text needs 4.5:1. Large text (18pt+, or 14pt bold+) and UI components need 3:1. AAA raises normal text to 7:1.
What is contrast ratio?
A ratio between two colors' relative luminance, from 1:1 (identical) to 21:1 (black on white). Higher is more readable.
Why does large text need less contrast?
Larger glyphs are easier to distinguish, so WCAG allows a lower ratio for large text and graphical objects.
Does dark text on white always pass?
Usually, but very light grays can still fail. Always check the actual pair — this tool does it in one step.
Explore Related Tools & Guides
Color Converter
Free online color converter — convert HEX, RGB, HSL, HSV, CMYK, XYZ, LAB and more instantly with liv
HEX to RGB Converter
Convert HEX to RGB color values instantly. Free online HEX to RGB converter with live preview, copy
RGB to HEX Converter
Convert RGB to HEX color values instantly. Free online RGB to HEX converter with live preview, copy
HEX to HSL Converter
Convert HEX to HSL color values instantly. Free online HEX to HSL converter with live preview, copy
HSL to HEX Converter
Convert HSL to HEX color values instantly. Free online HSL to HEX converter with live preview, copy
RGB to HSL Converter
Convert RGB to HSL color values instantly. Free online RGB to HSL converter with live preview, copy
HSL to RGB Converter
Convert HSL to RGB color values instantly. Free online HSL to RGB converter with live preview, copy
HEX to HSV Converter
Convert HEX to HSV color values instantly. Free online HEX to HSV converter with live preview, copy
Related Tools
View AllColor Converter
Free online color converter — convert HEX, RGB, HSL, HSV, CMYK, XYZ, LAB and more instantly with live preview and batch mode.
HEX to RGB Converter
Convert HEX to RGB color values instantly. Free online HEX to RGB converter with live preview, copy buttons, and batch support.
RGB to HEX Converter
Convert RGB to HEX color values instantly. Free online RGB to HEX converter with live preview, copy buttons, and batch support.
HEX to HSL Converter
Convert HEX to HSL color values instantly. Free online HEX to HSL converter with live preview, copy buttons, and batch support.
Related Articles
View All
WCAG Color Contrast Guide for Designers: Pass AA & AAA Standards
Master web accessibility with our complete WCAG color contrast guide. Learn contrast ratios, pass AA/AAA standards, and ensure readable designs.
How to Convert CSV to JSON Online: Free, Instant & Type-Safe Guide
Convert CSV rows and spreadsheets into beautifully formatted JSON arrays in real-time. Zero server uploads, auto type detection.
How to Convert JSON to CSV Online: The Ultimate Free & Private Guide
Turn complex JSON data, arrays, and API responses into clean CSV spreadsheets in seconds. 100% private in-browser conversion.