contrast ratio checker
Enter foreground and background hex colors — get the contrast ratio and WCAG AA/AAA accessibility results.
Normal text (16px) Large text (24px bold)
contrast ratio —
AA normal text (4.5:1) —
AA large text (3:1) —
AAA normal text (7:1) —
AAA large text (4.5:1) —
WCAG contrast requirements
- AA normal text: 4.5:1 — required for most body text
- AA large text: 3:1 — applies to text 18pt+ or 14pt+ bold
- AAA normal text: 7:1 — enhanced accessibility standard
- AAA large text: 4.5:1 — enhanced standard for large text