Colour Contrast
WCAG Testing.
Ensure your website is accessible to everyone. Check text and background colour combinations against WCAG 2.1 AA and AAA relative luminance standards.
Text Colour
Background Colour
Contrast Ratio
4.47:1
Poor contrast — hard to read.
Live Preview
Large Text Preview
This is normal text. It should be easy to read and comfortable for long-form content. Ensuring high contrast protects visually impaired users.
Normal Text
< 18pt regularLarge Text
≥ 18pt or 14pt boldHow It Works
Test your colour palette for accessibility instantly.
Select Colours
Enter a hex code or use the colour picker for your text and background colours. The tool supports real-time editing.
Check Contrast Ratio
The tool automatically calculates the relative luminance and displays the precise contrast ratio.
Verify Compliance
Instantly see if your combination passes WCAG 2.1 AA and AAA standards for normal and large text sizes.
The Complete Guide to WCAG Colour Contrast in 2026
Digital accessibility is no longer optional. According to the World Health Organization, over 2.2 billion people globally have a vision impairment. Designing with adequate colour contrast ensures that your text, UI components, and graphical elements are usable by everyone. Furthermore, many countries legally mandate adherence to WCAG 2.1 AA standards for commercial and public sector websites.
What is Contrast Ratio?
It is a mathematical formula measuring the difference in relative luminance between two colours. It ranges from 1:1 (no difference, e.g., white on white) to 21:1 (maximum difference, e.g., black on white). High contrast makes reading effortless.
The 'AA' Standard
This is the global benchmark for accessibility. To pass AA, normal text (under 18pt) requires a 4.5:1 ratio. Large text (over 18pt) and meaningful UI components (like icons and input borders) require a 3:1 ratio.
The 'AAA' Standard
This is the strictest level of accessibility, generally required for specialized software or government services. It demands a 7:1 ratio for normal text and a 4.5:1 ratio for large text. Hitting AAA guarantees maximum readability.
Frequently Asked Questions
More Free Tools
60 tools being built — all free, no signup, instant results.
AI Prompt Generator
Generate expert prompts for ChatGPT, Claude, Gemini & more using RISEN, STAR, Chain-of-Thought and 4 other frameworks.
Word Counter & Readability
Instant word count, character count, readability score, reading time, keyword density and AI grammar fixer.
Meta Description Generator
Generate SEO-optimised meta descriptions for any page. Character counter included. GPT-4o powered.
Email Subject Line Tester
Score your email subject lines for open rate potential, spam triggers and emotional power words.
Hashtag Generator
Generate targeted hashtags for Instagram, TikTok, LinkedIn, YouTube & X. AI-powered 3-tier mix: popular, growing and niche hashtags.
Blog Title Generator
Generate 10 click-worthy blog titles from any topic. SEO, listicles, how-tos, curiosity hooks and more. GPT-4o powered.
Password Generator
Cryptographically secure random passwords. Custom length, symbols, numbers. Runs entirely in your browser.
QR Code Generator
Generate QR codes for URLs, WiFi, email, phone and text. Free PNG & SVG download. No signup, no expiry, 100% private.
VAT Calculator
Add or remove VAT instantly for 40+ countries. UK, EU, UAE, Australia and more. Standard and reduced rates. Invoice calculator included.
Invoice Generator
Create professional invoices in seconds. Add line items, VAT, discounts and download as PDF. Free, no signup, no watermark.
JSON Formatter
Format, validate and beautify JSON instantly. Syntax highlighting, error detection with line numbers, minify mode. 100% private.
Paraphrasing Tool
Rewrite any text with AI. 6 modes: Standard, Fluency, Formal, Academic, Creative and Shorten. GPT-4o powered, no word limit, no signup.
Grammar Checker
Check and fix grammar, spelling and punctuation with AI. Get corrected text plus explanations for every fix. GPT-4o powered, no word limit.
Text Summarizer
Summarise any text with AI. 4 modes: paragraph, bullet points, key takeaways and executive summary. GPT-4o powered, no word limit, no signup.
Case Converter
Convert text to UPPERCASE, lowercase, Title Case, Sentence case, camelCase, snake_case, PascalCase, kebab-case and more. 10 modes, instant, free.
Lorem Ipsum Generator
Generate Lorem Ipsum placeholder text instantly. Paragraphs, sentences, words or list items. HTML output included. Free, no signup, unlimited.
Cover Letter Generator
Generate a professional AI cover letter in seconds. 4 tone modes: Professional, Enthusiastic, Concise and Creative. GPT-4o powered, unlimited, no signup.
Character Counter
Count characters, words, sentences and paragraphs in real time. Live progress bars for Twitter, Instagram, LinkedIn, YouTube, TikTok and SMS limits.
Business Name Generator
AI brand architect mode — generate premium names with GoDaddy & TM checks.
YouTube SEO Elite
Generate high-ranking tags & description hooks with AI.
Email Signature Generator
Create professional HTML email signatures for Gmail, Outlook & Apple Mail. 4 templates, custom colours, social links. Free, no signup.
CSS Gradient Generator
Create beautiful CSS gradients with a visual editor. Linear, radial and conic with 12+ curated presets. Copy CSS instantly.
Favicon Generator
Generate perfect favicons from text or emoji in all standard sizes including Apple Touch constraints.
Base64 Converter
Instantly encode text to Base64 or decode Base64 strings back to text securely in your browser.
UTM Builder
Generate tracking links for your campaigns to monitor traffic perfectly in Google Analytics.
Markdown Editor
Instantly render Markdown syntax into clean, standard HTML code with real-time visual previews.
Regex Tester
Test, build, and debug Regular Expressions with real-time semantic highlighting and exact indexing.
SQL Formatter
Beautify raw, minified database queries into perfectly indented, readable syntax.
Epoch Converter
Instantly translate Unix epoch integers into formatted dates across timezones.