Contrast Checker
Evaluate foreground and background color contrast locally.
Color pair
Enter foreground and background HEX values. Overall accessibility still depends on typography, size, and context.
Check one foreground/background pair. This evaluates color contrast only.
Three- or six-digit HEX values are accepted.
Three- or six-digit HEX values are accepted.
Contrast result
WCAG thresholds are reported as pass or fail text, not by color alone.
Readable sample text
This preview uses your foreground and background colors.
- AA normal text
- Passes 4.5:1
- AA large text
- Passes 3:1
- AAA normal text
- Passes 7:1
- AAA large text
- Passes 4.5:1
Your input stays in this browser and is not sent to Kiriyar.
Related tools
More from Color.