Color Contrast Checker
Check WCAG contrast ratios between foreground and background colors. Verify AA/AAA compliance for accessibility.
WCAG AA
WCAG AAA
Live Preview
The quick brown fox jumps over the lazy dog
This is normal-sized body text (16px). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is small text (14px). Check if this is still readable at this contrast ratio.
This is large text (18px bold). WCAG considers this "large text" which has lower contrast requirements.
Quick Combinations
Frequently Asked Questions
📖 Related Articles
Related Tools
Color Contrast Checker
Check foreground and background color contrast for WCAG 2.1 accessibility compliance. AA and AAA levels with fix suggestions.
Color Blindness Simulator
Simulate how colors appear to people with color vision deficiency. Test designs for accessibility.
Color Blindness Simulator
Upload images to see how they look through different types of color vision deficiency. Supports protanopia, deuteranopia, tritanopia, and achromatopsia with split-view comparison.
Color Blindness Checker
Test your color palette against 7 types of color vision deficiency. See how your chosen colors appear to people with protanopia, deuteranopia, tritanopia, and more.
Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats instantly.
Color Palette Generator
Generate harmonious color palettes. Analogous, complementary, triadic, monochromatic, and random schemes.