Color Contrast Checker
Ensure WCAG 2.1 AA/AAA compliance for web accessibility
Sample Text
This is how your text will look with the current color combination.
Inverted View
This shows the inverted color combination for reference.
Foreground Color (Text)
Background Color
4.5:1
Contrast Ratio
WCAG AA
Pass
Normal Text
WCAG AAA
Pass
Enhanced
Large Text AA
Pass
18px+
Large Text AAA
Pass
18px+ Bold
Small Text (14px)
AA: Pass
Normal Text (16px)
AA: Pass
Large Text (18px)
AA: Pass
X-Large (24px)
AA: Pass
Bold Text
AA: Pass
💡 Accessibility Recommendations
- Your color combination meets WCAG 2.1 AA standards for normal text
- Consider testing with different text sizes and weights
- Ensure sufficient contrast for interactive elements