Skip to the color picker

#09090b text on #e4e4e7: 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

Button

Easy to read for any text

Passes the strictest level, AAA.

15.68:1

  • AA · normal textPass
  • AA · large textPass
  • AAA · normal textPass
  • AAA · large textPass

Lc 90.1

Preferred for body text

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 textAdjust background
WCAG AA 4.5:1Already passes.Already passes.
WCAG AAA 7:1Already passes.Already passes.
APCA Lc 75Already passes.Already passes.