Color contrast checker
Check the WCAG compliance and AA·AAA text standards for the two HEX colors.
Input
The example value has been entered. Check it immediately or change the value.
Input is processed in the browser. Refreshing returns a sample value.
Result
Check or change the value using the example value result.
WCAG 2 displays general text AA 4.5:1, AAA 7:1, and large text AA 3:1. It is not a full accessibility compliance assessment.
Share result
Share the tool link and result text together. No URL is included in the result. Check the below content and then share it.
Calculation·conversion criteria
Check WCAG text contrast between character color and background color.
Input example
Black and white = 21:1
Ratio of black #000000 to white #FFFFFF is 21:1. Separate 4.5:1 for normal text AA and 3:1 for large text AA.
How to use
- Use the provided example value or replace the character HEX and background HEX fields.
- Click Verify result and check the following result.
- Result can be copied if needed.
Frequently Asked Questions
Does the contrast ratio meet all web accessibility requirements?
No. It only checks the contrast between two opaque monochrome texts. Actual background images, opacity, state-based colors, and keyboard operations require separate verification. Boundary values are determined based on the ratio before rounding.
What size does large text represent?
WCAG large text criteria are general font 18pt or more, or bold font 14pt or more. Approximately 24 CSS px or bold 18.67 CSS px; check actual font and display status.
Calculation criteria and reference materials
- W3C — WCAG 2.2 text contrast criteria
Threshold and rounding‑before‑checking ratio for AA based on text size
Verification of calculation criteria: · Calculation·verification principles · Report errors