Back

Color Contrast Checker

Calculate contrast ratios between text and background colors according to WCAG 2.1 guidelines.

Presets:
Contrast Ratio8.33:1
Normal TextPASS

Minimum 4.5:1 ratio required for WCAG AA (small text under 18pt).

AAA (7:1)Pass
Large TextPASS

Minimum 3.0:1 ratio required for WCAG AA (bold 14pt+ or regular 18pt+).

AAA (4.5:1)Pass
UI ComponentsPASS

Minimum 3.0:1 ratio for user interface controls and graphical objects.

AA (3.0:1)Pass
Live Preview

Sample Heading Text

Accessibility ensures that digital content can be comfortably read by everyone, including people with visual impairments. Good color contrast is a fundamental part of inclusive design.

Interactive Link Text