Back to Color Tools

Contrast Checker

Ensure your design is accessible to everyone. Check the contrast ratio between foreground and background colors to meet WCAG AA and AAA standards.

#3b82f6
RGB: 59, 130, 246
HSL: 217°, 91%, 60%
CMYK: 76%, 47%, 0%, 4%
Background
Sample Text
Difference: 133 (Simple Brightness)

WCAG Contrast Checker

Ensure your text is readable for everyone. Check foreground and background color ratios against WCAG AA and AAA standards.