#441306 text on #ff8904: 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 at reading size. Most of a page is set like this, so it needs the most contrast.
Small print, captions and hints
ButtonReadable for any text
Meets AA, the level most sites and accessibility laws require.
6.58:1
- AA · normal textPass
- AA · large textPass
- AAA · normal textFail
- AAA · large textPass
Lc 53.8
Large text and headlines
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 | Already passes. | Already passes. |
| WCAG AAA 7:1 | #3e0d02 | #ff921e |
| APCA Lc 75 | Not reachable by changing lightness alone. | #ffc592 |