Color Contrast Checker
Paste a text color and a background color, get the WCAG contrast ratio instantly — no install, no sign-up, everything runs in your browser.
Large text sample
Normal body text sample — the quick brown fox jumps over the lazy dog.
Contrast ratio
21.00 : 1
AA · Normal
—
AA · Large
—
AAA · Normal
—
AAA · Large
—
Enter valid hex colors (e.g. #ff4d4d) to see results.
What counts as passing contrast?
The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios so text stays readable for people with low vision or color blindness. There are two levels:
- AA (minimum): 4.5:1 for normal text, 3:1 for large text (18px+ regular, 14px+ bold).
- AAA (enhanced): 7:1 for normal text, 4.5:1 for large text.
Most products aim for AA — it's the level referenced by ADA and Section 508 compliance checks. AAA is recommended for content-heavy sites where readability really matters.
Picking colors off a live site instead?
UICuts' color eyedropper grabs hex, RGB, and HSL straight from any element — then hands the exact values to your AI coding tool.
Get Started Free