Generator

Color Contrast Checker

WCAG 2.1 AA/AAA pass/fail for any two colors. Tests both normal (≥4.5:1) and large-text (≥3:1) thresholds.

Large heading

The quick brown fox jumps over the lazy dog.

14.68 : 1
AA normal: ✓ Pass (≥4.5)
AAA normal: ✓ Pass (≥7)
AA large: ✓ Pass (≥3)
AAA large: ✓ Pass (≥4.5)

Excellent contrast — passes all WCAG levels.

CSS
/* Contrast ratio: 14.68:1 */
.text {
  color: #1f2937;
  background-color: #ffffff;
  /* WCAG AA normal: ✓  AAA normal: ✓  AA large: ✓  AAA large: ✓ */
}