Free tool
WCAG contrast checker
Pick foreground and background colors (or type hex codes). We calculate relative luminance and show whether common text sizes meet AA and AAA thresholds.
toolsContrastChecker.cardTitle
toolsContrastChecker.cardBody
toolsContrastChecker.previewTitle
toolsContrastChecker.previewBody
toolsContrastChecker.previewEyebrow
toolsContrastChecker.previewHeading
toolsContrastChecker.previewBodyText
toolsContrastChecker.resultsTitle
toolsContrastChecker.resultsBody
17.85:1
toolsContrastChecker.rowAaNormal
toolsContrastChecker.threshold
toolsContrastChecker.rowAaLarge
toolsContrastChecker.threshold
toolsContrastChecker.rowAaaNormal
toolsContrastChecker.threshold
toolsContrastChecker.rowAaaLarge
toolsContrastChecker.threshold