Contrast Checker
Check color contrast ratios for accessibility. Ensure your colors meet WCAG guidelines.
Foreground (Text)
RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Background
RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Preview
Large Text (24px+)
Normal text looks like this. Make sure it's readable!
Contrast Ratio
21.00:1
WCAG Contrast Ratio
WCAG Compliance
WCAG AA✓ Pass
Normal Text (under 18px):✓ Pass (4.5:1+)
Large Text (18px+ or 14px bold):✓ Pass (3:1+)
WCAG AAA✓ Pass
Normal Text:✓ Pass (7:1+)
Large Text:✓ Pass (4.5:1+)
Quick Fixes
✓ Good contrast!
This color combination passes WCAG AA standards.
CSS Code
/* Text Color */ color: #000000; /* Background Color */ background-color: #FFFFFF; /* Contrast Ratio */ 21.00:1