Skip to main content
tlify
PDFImageUtilityMediaTools
tlify© 2026 · Browser-side processing · No account needed
PrivacyTermsCookiesContact
HomePDFImageMediaMore
AA
03·Utility/color-contrast-checker

Color Contrast Checker

in-browser
⌘K
How it works
  1. Enter or pick a foreground (text) and background color.
  2. See the contrast ratio and WCAG AA/AAA pass/fail results.
  3. Preview sample text at the current contrast level.

Related

●Color Picker◐Color Palette Generator‹/›Meta Tag Generator

The quick brown fox jumps over the lazy dog

Regular text looks like this at the current contrast level.

Small text (14px) has stricter WCAG requirements than large text (18px+ or 14px bold).

14.63:1

Contrast Ratio

PassAA Normal (4.5:1)
PassAA Large (3:1)
PassAAA Normal (7:1)
PassAAA Large (4.5:1)
Web Content Accessibility Guidelines — standards for making web content accessible. AA is the minimum recommended level.
Text at 18px (24px CSS) or larger, or 14px (18.66px CSS) bold or larger.
4.5:1 minimum for normal text (WCAG AA). 7:1 for enhanced accessibility (AAA).