Color Contrast Adjuster

Adjust colors to meet WCAG accessibility contrast requirements

Sample Text (Large)

Sample text at normal size for contrast testing. This demonstrates how your color combination will appear in real use.

Contrast Ratio 21:1

WCAG Compliance

AA Normal Text Pass
AA Large Text Pass
AAA Normal Text Pass
AAA Large Text Pass

Adjust Colors for Compliance

Click a button to automatically adjust colors to meet the selected WCAG level.

Adjust Foreground

Adjust Background

About WCAG Contrast Requirements

Level AA

  • Normal text: 4.5:1 minimum
  • Large text: 3:1 minimum

Large text is 18pt (24px) or 14pt (18.5px) bold

Level AAA

  • Normal text: 7:1 minimum
  • Large text: 4.5:1 minimum

AAA is the highest accessibility standard