Color Contrast Checker
Check whether a text and background color pair meets WCAG contrast thresholds.
Contrast ratio: 11.95:1
| Text size | AA | AAA |
|---|---|---|
| Normal text | Pass · 4.5:1 | Pass · 7:1 |
| Large text | Pass · 3:1 | Pass · 4.5:1 |
Large text: at least 24px regular or 18.67px bold. Pass/fail uses the unrounded ratio.
Readable text starts with enough contrast.
Readable text starts with enough contrast.
The preview intentionally uses your colors, including combinations that are hard to read.
Based on WCAG 2.2 text contrast. Supports opaque #RGB and #RRGGBB colors.
About Color Contrast Checker
Calculate the relative luminance of two opaque sRGB colors and their WCAG contrast ratio. Check AA and AAA thresholds for normal and large text, preview the pair, and download the measurements. Calculations happen locally and use the full ratio when determining pass or fail.
Frequently Asked Questions
WCAG large text is at least 18 points (24 CSS pixels) at regular weight, or 14 points (about 18.67 CSS pixels) in bold. Normal text needs 4.5:1 for AA and 7:1 for AAA; large text needs 3:1 for AA and 4.5:1 for AAA.
This checks only the contrast of two opaque, solid sRGB colors. It does not evaluate fonts, backgrounds with images or gradients, transparency, focus indicators or other accessibility requirements. Use the actual final composited colors when transparency is involved.