Image
Color Contrast Checker
Enter a text and background color, using a picker or HEX code, to calculate their contrast ratio and instantly see whether it meets WCAG accessibility standards (AA/AAA) for normal and large text. A live preview lets you see the actual contrast for yourself.
color contrast checker, WCAG contrast ratio, accessibility checker, text background contrast, 대비율 검사, 웹접근성 검사, コントラストチェッカー, 色コントラスト確認, cek kontras warna, pemeriksa kontras, kiểm tra độ tương phản màu, công cụ kiểm tra tương phản, verificador de contraste de color, comprobar contraste- Created
- 2026.08.20
- Updated
- 2026.09.17
Color Contrast Checker
Color contrast check
Text color
Background color
Preview
Example text on this background
Contrast ratio17.40 : 1
Normal text · AAPass
Normal text · AAAPass
Large text (18pt+) · AAPass
Large text (18pt+) · AAAPass
Favorites Ctrl + N
How to use
1.
Enter the text color and background color using the color picker or a HEX code.
2.
Check the live preview to see the contrast, along with the calculated contrast ratio.
3.
See whether each WCAG AA/AAA threshold passes for normal text and large text.
FAQ
Tool info
Category Image
Processing Directly in your browser
Data storage Not stored
Created 2026-08-20
Updated 2026-09-17