Color Contrast Checker
Enter foreground and background colors to see WCAG contrast ratio and AA/AAA pass/fail for normal and large text.
rgb(0, 0, 0)
rgb(255, 255, 255)
WCAG contrast results
Foreground luminance: 0.0000 · Background luminance: 1.0000
About color contrast and accessibility
This free color contrast checker helps you meet WCAG 2.x guidelines. Enter hex (e.g. #000000) or rgb (e.g. rgb(0,0,0)) for text and background to get the contrast ratio and see whether the pair passes AA or AAA for normal and large text. No sign-up required.
Use cases
- Design and marketing: ensure brand colors are readable on backgrounds
- Accessibility: meet AA or AAA for normal and large text
- Development: verify UI contrast before release
Added Mar 6, 2026
🔄 Workflow Suggestion
Try combining multiple tools for a complete workflow. For example: Notepad → Text Encryption → Save to Cloud or Date Calculator → Calendar → Countdown Timer
Related Tools & Recommendations
💡 You might also need
Base64 Encode/Decode
Convert text to Base64 format and decode Base64 strings
JSON Formatter & Validator
Format, validate, and minify JSON data with syntax highlighting and error detection
YAML ⇄ JSON Converter
Convert between YAML and JSON formats with validation and formatting
📁 More Utilities Tools
YAML Formatter and Validator
Format and validate YAML with consistent indentation. No conversion to JSON.
HTTP Request Builder
Build HTTP requests with URL, method, headers, and body. Send or copy as cURL or fetch snippet.
HTTP Headers Parser
Parse raw HTTP response headers into a key-value list. Paste from DevTools, copy single headers or the full block.
Send Feedback
We'd love to hear your thoughts! Your feedback helps us improve our tools and create a better experience for everyone.
Share Your Experience
Tell us what you think about this tool