#000000 text on #62748e: contrast check
Check text against its background with WCAG 2 and APCA side by side, and fix it in one click.
Read as HEX
Read as HEX
Large heading
Body text is where contrast matters most. Readers spend minutes here, not seconds.
Small print, captions and hints
ButtonWCAG 2.2
4.41:1
- AA · normal textFail
- AA · large textPass
- AAA · normal textFail
- AAA · large textFail
APCA
Lc 31.0
Spot text and placeholders
Version APCA-W3 0.1.9. APCA is a candidate for WCAG 3 and is shown for guidance.
Make it pass
The closest color that passes. Only lightness changes, so the hue stays yours.
| Adjust text | Adjust background | |
|---|---|---|
| WCAG AA 4.5:1 | #f8f8f8 | #637590 |
| WCAG AAA 7:1 | Not reachable by changing lightness alone. | #8496b2 |
| APCA Lc 75 | #fafafa | #b7cbe8 |