Color Contrast Checker (WCAG)

Check color contrast ratios for WCAG 2.0 AA and AAA accessibility compliance. Test foreground and background color combinations.

HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)

Contrast Checker

Sample Text (Ratio: 4.47:1)
AA Normal: FAILAA Large: PASSAAA: FAIL

Frequently Asked Questions

What is WCAG contrast ratio?

WCAG contrast ratio measures the difference in luminance between two colors, from 1:1 (no contrast) to 21:1 (maximum, black on white).

What are AA and AAA levels?

AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.

What counts as large text?

Large text is at least 18pt (24px) for normal weight or 14pt (18.66px) for bold weight.