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 Diff
Compare two JSON documents with structural path diff and formatted line diff. Client-side only.
📁 More Utilities Tools
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.
EditorConfig Generator
Generate a starter .editorconfig with indent, EOL, charset, and language presets. Copy-ready.
🔗 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