WCAG Color Contrast Checker
Check accessibility compliance for any color combination. Meet WCAG 2.1 AA and AAA standards instantly.
Foreground (Text Color)
rgb(226, 232, 240) • hsl(215, 28%, 91%)
Background Color
rgb(17, 17, 24) • hsl(240, 17%, 8%)
—
Contrast Ratio
AA Normal Text
—
≥ 4.5:1
AA Large Text
—
≥ 3:1
AA UI Components
—
≥ 3:1
AAA Normal Text
—
≥ 7:1
AAA Large Text
—
≥ 4.5:1
AAA Enhanced
—
≥ 4.5:1
Live Preview
Heading Text
Large text at 18pt bold (24px)
Normal body text at 16px regular weight. This is how most paragraph content will look with your chosen color combination. Good contrast ensures readability for all users.
Small caption text at 12px for fine print, labels, and metadata.
Link text
WCAG Contrast Requirements
| Level | Context | Min Ratio |
|---|---|---|
| AA | Normal text (< 18pt / 14pt bold) | 4.5:1 |
| AA | Large text (≥ 18pt / 14pt bold) | 3:1 |
| AA | UI components & graphical objects | 3:1 |
| AAA | Normal text | 7:1 |
| AAA | Large text | 4.5:1 |
Unlock 100+ Premium Tools
Get the NexTool Pro with templates, workflows, and AI prompts for just $29.