// Color Tools

Contrast Checker

Check text and background color contrast ratios against WCAG 2.1 AA and AAA standards. Get star ratings, auto-fix suggestions, and live UI previews.

Text Color
Background Color
—
:1 ratio
Small Text
Large Text
1:1 3:1 UI 4.5:1 AA 7:1 AAA 21:1
Category AA AAA
Normal Text
16px regular · min 4.5:1
— —
Large Text
18px+ or 14px bold · min 3:1
— —
UI Components
Icons, borders · min 3:1
— N/A
⚡ Auto-fix — closest shade that passes
Live Preview
// click text to edit