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
⭐ Rate this tool
Your feedback helps us improve
🔄 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
JSON Viewer
Inspect JSON in an interactive tree. Expand and collapse nodes, copy paths, and view formatted JSON.
📁 More Utilities Tools
JSON Viewer
Inspect JSON in an interactive tree. Expand and collapse nodes, copy paths, and view formatted JSON.
JSON Diff
Compare two JSON documents with structural path diff and formatted line diff. Client-side only.
Package.json and Lockfile Diff
Semver-aware package.json dependency diff and npm lockfile version map, plus full JSON structural diff.
🔗 Additional Related Tools
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