Color Contrast Checker
Check WCAG contrast compliance between a text color and background color.
14.68:1
Contrast Ratio
Normal text example (16px) — The quick brown fox jumps over the lazy dog.
Large text example (24px bold)
Overview
Check whether a text color and background color meet WCAG accessibility contrast requirements, with a live preview at normal and large text sizes.
WCAG Contrast Requirements
| Level | Normal Text | Large Text (18pt+ or 14pt+ bold) |
|---|---|---|
| AA (minimum) | 4.5:1 | 3:1 |
| AAA (enhanced) | 7:1 | 4.5:1 |
Contrast ratio is calculated from the relative luminance of both colors, per the WCAG 2.1 formula, and ranges from 1:1 (no contrast) to 21:1 (black on white).
How to use this tool
- Pick or enter a text color and a background color.
- See the contrast ratio and which WCAG levels it passes.
- Use the live preview to check how the combination actually looks at both text sizes.
More Utilities Tools
Cron Schedule Generator
Create and understand cron expressions with next execution preview.
What Is My IP Address
See your public IP address, browser, operating system, device type, and full user agent string.
PDF Compressor
Reduce PDF file size with adjustable quality presets, entirely in your browser.
PDF Splitter
Extract page ranges or split a PDF into individual pages or fixed-size chunks.