Design & Creative
Color Contrast Checker
Enter two hex colors. The ratio uses relative luminance. Pass/fail uses WCAG 2 AA and AAA thresholds for normal and large text.
How to use Color Contrast Checker
Step 1
Start
Open the tool and add your input.
Step 2
Adjust
Review the options and run the action.
Step 3
Get the result
Copy, download, or use the live result.
Color Contrast Checker features
- Contrast ratio
- AA and AAA
- Normal and large text
- Swap colors
Supported Formats / Details
Input formats
- HEX
Output formats
- Ratio
- WCAG
Supported formats
- HEX
Frequently Asked Questions
Is this a full accessibility audit?
It checks contrast ratio only.
What is large text?
WCAG treats 18pt regular or 14pt bold as large text.
Related Tools
Explore related Tool Base utilities that pair well with Color Contrast Checker.
Image Color Palette Extractor
New
Extract common colors from an image.
Design & Creative
Color Palette Generator
New
Generate HEX color palettes with lockable swatches.
Generators
HEX to RGB
New
Convert HEX colors to RGB.
Developer Tools
CSS Button Generator
FeaturedNew
Generate HTML and CSS for a button.
Design & Creative
Need another utility?
Browse related tools or explore the full Tool Base directory.