Enter Colors
Visual Preview
The quick brown fox jumps over the lazy dog
Normal text sample — 14px / Regular weight
Button
Contrast Ratio & WCAG Results
—
Contrast Ratio
AA
Normal Text (≥ 4.5:1)
—
AAA
Normal Text (≥ 7:1)
—
AA
Large Text (≥ 3:1)
—
AAA
Large Text (≥ 4.5:1)
—
AA
UI Components (≥ 3:1)
—
WCAG 2.1 Reference
| Level | Type | Min Ratio |
|---|---|---|
| AA | Normal text (< 18pt / < 14pt bold) | 4.5:1 |
| AA | Large text (≥ 18pt / ≥ 14pt bold) | 3:1 |
| AA | UI components & graphics | 3:1 |
| AAA | Normal text | 7:1 |
| AAA | Large text | 4.5:1 |