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 🤩
32px recommendedoptimal
Only valid for large text (18px+ or 14px bold). Minimum passing size: 12px
Optimal
Sample text12pxOptimal
Sample text14pxOptimal
Sample text16pxOptimal
Sample text18pxOptimal
Sample text24pxOptimal
Sample text32pxWCAG Requirements:
- • AA normal text (<18px): 4.5:1
- • AA large text (≥18px or 14px bold): 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.
Base color#4315CB
Harmony
Colors
#4315CB
#9ECB15
#7750ED