🎯

Color Contrast Checker

WCAG compliance testing for accessible design. Test color combinations for optimal accessibility.

Color Selection

Typography

Contrast Results

FAIL
0.00:1
Contrast Ratio
✗
WCAG AA
≥ 4.5:1
✗
WCAG AAA
≥ 7.0:1

Accessibility Guidelines

WCAG 2.1 AA - Fail
WCAG 2.1 AAA - Fail
Normal text (under 18px) • Font weight: normal

Live Preview

The quick brown fox jumps over the lazy dog
12px
Sample Text
16px
Sample Text
20px
Sample Text
24px
Sample Text
32px
Sample Text
48px
Sample Text

UI Component Examples

Card Title

Card content example