Contrast checker

Your colors
Click a color to adjust it. Paste any HEX, RGB, HSL or OKLCH value.

Paste a HEX, RGB, HSL or OKLCH value.

57%
17%
173°
#4E8575 on #FFFFFF
Is this text readable on this background?

Large heading

Body text at 16px. Readable text helps everyone, including people with low vision and anyone reading a screen in bright sunlight.

Small print at 12px is the hardest to read.

Results

WCAG 2.2 ratio4.25:1
APCA contrastLc 69Content text 16px and up
  • Body text · AA4.5:1Fail
  • Large text · AA3:1Pass
  • Icons and borders · AA3:1Pass
  • Body text · AAA7:1Fail
  • Large text · AAA4.5:1Fail

Large text is 24px, or 18.5px bold. APCA is the newer method planned for WCAG 3; a negative Lc means light text on a dark background.

Make it pass

The closest colors that pass. Only lightness changes.

  • Change the text#4E8575#4A8071· 4.55:1
  • Change the background#FFFFFF#0F0F0F· 4.51:1

Contrast 4.25 to 1, fails AA for body text