Color Contrast Checker
FreeCheck WCAG AA and AAA contrast ratios for accessible color combinations.
Contrast Ratio
14.68
:1
AAA
| Level | Normal Text | Large Text | UI / Icons |
|---|---|---|---|
| AA (4.5:1) | ✓ Pass | ✓ Pass | ✓ Pass |
| AAA (7:1) | ✓ Pass | ✓ Pass | ✓ Pass |
What counts as large text?
18pt+ (24px) regular weight, or 14pt+ (18.67px) bold weight.
Live Preview
Heading Text (24px bold)
Subheading Text (18px semi-bold)
The quick brown fox jumps over the lazy dog.
Small body text (14px). Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.
Extra small text (12px) — requires higher contrast.
At Different Sizes
Caption
Aa
The quick brown fox
Small
Aa
The quick brown fox
Body
Aa
The quick brown fox
Large body
Aa
The quick brown fox
Heading
Aa
The quick brown fox
Display
Aa
The quick brown fox
Reviews
Sign in to write a review