Color Contrast Checker
Check WCAG accessibility compliance for color contrast ratios
🎨 Foreground Color
Color Code
#000000
Color Picker
Quick Colors
🖼️ Background Color
Color Code
#FFFFFF
Color Picker
Quick Colors
21.00
Contrast Ratio
Excellent contrast between foreground and background colors
WCAG AA
Normal Text
4.5:1 required
WCAG AA
Large Text
3:1 required
WCAG AAA
Normal Text
7:1 required
WCAG AAA
Large Text
4.5:1 required
WCAG Standards: 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. Large text is 18pt or larger (or 14pt+ bold).
📋 Live Preview
Heading
Small text for normal usage
This preview shows how the color contrast will appear in real-world scenarios with different text sizes and weights.
Large Text
Bold and prominent
Large text with better readability is often used for headings and important information on web pages.
📊 Color Statistics
Luminance
0.00
Relative Luminance
0.00
Brightness
0%
Perceived Lightness
0%