👁️ Contrast Checker
Check WCAG color contrast ratios for accessibility. Test AA and AAA compliance instantly.
Foreground (Text)
Background
--
Contrast Ratio
AA Normal Text
Minimum 4.5:1 ratio
--
AA Large Text
Minimum 3:1 ratio
--
AAA Normal Text
Minimum 7:1 ratio
--
AAA Large Text
Minimum 4.5:1 ratio
--
Live Preview
The quick brown fox jumps over the lazy dog. (14px)
The quick brown fox jumps over the lazy dog. (18px)
The quick brown fox jumps. (24px)
Large Heading (32px)
Popular Accessible Combinations
About WCAG Contrast Requirements
- AA Normal Text requires a contrast ratio of at least 4.5:1 for text smaller than 18px (or 14px bold)
- AA Large Text requires at least 3:1 for text 18px+ (or 14px+ bold)
- AAA Normal Text is the highest standard at 7:1 for regular text
- AAA Large Text requires at least 4.5:1 for large text
- Contrast ratio ranges from 1:1 (no contrast) to 21:1 (maximum, black on white)
- The formula uses relative luminance based on the sRGB color space