Check WCAG 2.1 color contrast ratios and accessibility compliance for text and backgrounds.
Large Text Preview (24px bold)
Large Text Preview (18.66px bold)
Normal text preview - The quick brown fox jumps over the lazy dog. This sample demonstrates how your chosen foreground color appears against the selected background at standard body text size.
Small text preview - 0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ !@#$%^&*()
Contrast Ratio
14.63:1
Large text is defined as 18pt (24px) or 14pt (18.66px) bold. Normal text is anything smaller.
Free online color contrast checker that calculates the contrast ratio between any two colors and evaluates compliance with WCAG 2.1 accessibility standards. Enter foreground and background colors using hex codes, RGB values, or the built-in color picker, and instantly see whether your color combination passes AA and AAA requirements for both normal and large text. Features a live preview with sample text, relative luminance calculations, and automatic color suggestions when your combination fails accessibility checks. Essential for web designers, developers, and anyone building accessible digital products. 100% browser-based - no signup required.
Every customer message gets a fast reply, every lead a follow-up, every request a booking, 24/7. Fully managed for $299 a month, no hiring.
Stand Out
