Text Color Accessibility Checker
Test your text and background colors against WCAG 2.1 accessibility standards.
About Text Color Accessibility
Our Text Color Accessibility Checker helps you ensure your color combinations meet WCAG 2.1 guidelines for readable text. It calculates the contrast ratio between your text color and background color, then checks against AA and AAA compliance levels.
Accessible color contrast is essential for users with visual impairments, users in bright environments, and anyone reading text on screens. Many accessibility laws require WCAG compliance for websites and applications.
Check Contrast
The quick brown fox jumps over the lazy dog
Normal text preview at 16px
Small text preview at 14px
Suggested Accessible Alternatives
How to Use
Set Colors
Choose your background and text colors using pickers or HEX input.
Check Results
See the contrast ratio and whether it passes AA/AAA for normal and large text.
Use Suggestions
If it fails, use the suggested accessible alternative colors.
Frequently Asked Questions
What is WCAG?
WCAG (Web Content Accessibility Guidelines) is an international standard for making web content accessible to people with disabilities. It defines specific contrast ratio requirements for text.
What contrast ratio is required?
AA level requires 4.5:1 for normal text and 3:1 for large text (18px+ or 14px bold). AAA level requires 7:1 for normal text and 4.5:1 for large text.
What counts as "large text"?
Large text is defined as 18pt (24px) or larger, or 14pt (18.5px) bold or larger. Large text has lower contrast requirements because it's easier to read.
Is WCAG compliance legally required?
In many countries and industries, yes. The EU Web Accessibility Directive, Section 508 (US), and various other regulations require WCAG compliance for government and public-facing websites.
Related Color Tools
Color Converter
Convert between HEX, RGB, HSL, CMYK, LAB formats
Color Picker
Screen eyedropper and interactive color canvas
Random Color Generator
Generate random HEX, pastel, macaron & morandi colors
Color Code Lookup
Standard colors, web safe & HTML named colors
Color Scheme Generator
Complementary, analogous, triadic & tetradic schemes
Color Pairing Tool
2-5 color palette builder with live preview
Trending Color Palettes
Morandi, Macaron, Premium Gray & more
Brand Color Generator
Complete VI color system from primary color
Color Shade Generator
Lighter and darker shade variations
Color Adjuster
HSL sliders for fine-tuning colors
Color Similarity Comparator
Compare two colors with Delta E calculation
Colorblind Friendly Checker
Test colors for color vision deficiency
Image Color Extractor
Extract dominant colors from images
Image Color Editor
Apply filters and color adjustments
Image Gradient Generator
Generate gradients from image colors
Color Card Generator
Professional color swatch cards
Web Safe Colors
Complete 216 web-safe color reference
Flat & Gradient Colors
Curated UI palettes and gradients
Color Name Finder
Find the name of any color
Birthday Color Generator
Lucky colors based on birth date
Industry Color Recommender
Industry-specific color palettes