#dcdcdc text on #e5e4e2: contrast check

Check text against its background with WCAG 2 and APCA side by side, and fix it in one click.

Text

Background

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

Hard to read

Too little contrast even for large headings. Change one of the colors or use a fix below.

1.08:1

Lc 0.0

Too low for any 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.