Contrast Checker
Check your colors' contrast against WCAG guidelines and get AI suggestions to improve accessibility.
Colors
#
rgb(56, 56, 56) hsl(0, 0%, 22%)
#
rgb(255, 255, 255) hsl(0, 0%, 100%)
WCAG Results
11.73:1
Excellent 🤩
Small Text
AAALarge Text
AAAUI Components
AAWCAG Requirements:
- • AA normal text: 4.5:1
- • AA large text: 3:1
- • AAA normal text: 7:1
- • AAA large text: 4.5:1
AI Suggestions
Colors meet WCAG requirements.
Preview
Example Heading
This is a sample paragraph to visualize how the text looks with this color combination. Readability is fundamental for web accessibility.
Harmony
Colors
#38383..11.73:1
#38383..11.73:1