Color Contrast Checker
Ensure your color combinations meet accessibility standards. WCAG 2.1 recommends a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.
Foreground Color
Background Color
Contrast Ratio
3.42:1
Accessibility Guidelines
Normal Text (WCAG AA):
4.5:1 required
Normal Text (WCAG AAA):
7:1 required
Large Text (WCAG AA):
3:1 required
Large Text (WCAG AAA):
4.5:1 required
UI Components:
3:1 required
Text Preview
This is a heading example
This is a paragraph example showing how your text will look with the selected colors. The quick brown fox jumps over the lazy dog.
This is smaller text that requires a higher contrast ratio to meet accessibility guidelines.