Contrast Checker

Select Colors

Foreground (Text)

Background

Results

Contrast Ratio

0.00 : 1

Low

WCAG Compliance

Normal Text (AA):Fail(4.5:1)

Large Text (AA):Fail(3:1)

Normal Text (AAA):Fail(7:1)

Large Text (AAA):Fail(4.5:1)

Large text is defined as 18pt (24px) or 14pt (18.67px) bold.

Preview

Sample Heading Text

This is some sample paragraph text. Use the color pickers to adjust the foreground and background colors and check the contrast ratio against WCAG guidelines.